3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-11 10:06:37 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Fix css left-header

Browse source
This commit is contained in:
elhombretecla 2023-08-09 09:08:56 +02:00
parent 6ceb816362
commit af460536d1
7 changed files with 9 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/resources/styles/common/refactor/mixins.scss
View file

@ -31,7 +31,7 @@
@mixin titleTipography { @mixin titleTipography {
font-family: "worksans", sans-serif; font-family: "worksans", sans-serif;
font-size: $fs-12; font-size: $fs-14;
font-weight: $fw400; font-weight: $fw400;
line-height: 1.2; line-height: 1.2;
} }

5
frontend/src/app/main/ui/components/tab_container.scss
View file

@ -26,7 +26,6 @@
flex-direction: row; flex-direction: row;
gap: $s-2; gap: $s-2;
height: $s-32; height: $s-32;
padding: $s-2 $s-2 $s-2 $s-2;
border-radius: $br-8; border-radius: $br-8;
background: var(--color-background-secondary); background: var(--color-background-secondary);
cursor: pointer; cursor: pointer;
@ -40,7 +39,7 @@
.tab-container-tab-title { .tab-container-tab-title {
@include flexCenter; @include flexCenter;
@include tabTitleTipography; @include tabTitleTipography;
height: $s-28; height: 100%;
width: 100%; width: 100%;
padding: 0 $s-8; padding: 0 $s-8;
margin: 0; margin: 0;
@ -65,7 +64,7 @@
height: 100%; height: 100%;
width: $s-24; width: $s-24;
min-width: $s-24; min-width: $s-24;
padding: 0 $s-6 0 0; padding: 0 $s-6;
border-radius: $br-5; border-radius: $br-5;
svg { svg {
@include flexCenter; @include flexCenter;

2
frontend/src/app/main/ui/components/title_bar.scss
View file

@ -13,7 +13,9 @@
height: $s-32; height: $s-32;
width: 100%; width: 100%;
min-height: $s-32; min-height: $s-32;
margin: $s-4 0;
background-color: var(--title-background-color); background-color: var(--title-background-color);
padding-right: $s-8;
.title, .title,
.title-only { .title-only {
@include tabTitleTipography; @include tabTitleTipography;

3
frontend/src/app/main/ui/workspace/left_header.scss
View file

@ -10,7 +10,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
height: $s-48; height: $s-48;
max-width: var(--width, $s-256);
padding: $s-8 $s-8 $s-4 $s-8; padding: $s-8 $s-8 $s-4 $s-8;
.main-icon { .main-icon {
@include flexCenter; @include flexCenter;
@ -49,7 +48,7 @@
border: 0; border: 0;
border-radius: $br-8; border-radius: $br-8;
background-color: var(--input-background-color); background-color: var(--input-background-color);
font-size: $fs-12; font-size: $fs-14;
color: var(--input-foreground-color); color: var(--input-foreground-color);
z-index: 20; z-index: 20;
white-space: break-spaces; white-space: break-spaces;

2
frontend/src/app/main/ui/workspace/sidebar.scss
View file

@ -43,7 +43,7 @@ $width-settings-bar-max: $s-500;
} }
} }
:global(.tab-spacing) { :global(.tab-spacing) {
margin: $s-4 $s-4 0 $s-4; margin: $s-4 $s-8 0 $s-8;
} }
.right-settings-bar { .right-settings-bar {
grid-area: right-sidebar; grid-area: right-sidebar;

3
frontend/src/app/main/ui/workspace/sidebar/layers.scss
View file

@ -20,7 +20,6 @@
min-height: $s-32; min-height: $s-32;
margin-top: $s-2; margin-top: $s-2;
margin-bottom: $s-4; margin-bottom: $s-4;
padding-right: $s-8;
.page-name { .page-name {
@include tabTitleTipography; @include tabTitleTipography;
padding: 0 $s-12; padding: 0 $s-12;
@ -238,7 +237,7 @@
width: 100%; width: 100%;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
scrollbar-gutter: stable; // scrollbar-gutter: stable;
overflow-y: overlay; overflow-y: overlay;
.element-list { .element-list {
width: 100%; width: 100%;

2
frontend/src/app/main/ui/workspace/sidebar/sitemap.scss
View file

@ -52,7 +52,7 @@
flex-direction: column; flex-direction: column;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
scrollbar-gutter: stable; // scrollbar-gutter: stable;
overflow-y: overlay; overflow-y: overlay;
height: 100%; height: 100%;
width: 100%; width: 100%;