johanels/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-12-12 06:24:17 +01:00
Code Issues Actions 9 Packages Projects Releases 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 {
font-family: "worksans", sans-serif;
font-size: $fs-12;
font-size: $fs-14;
font-weight: $fw400;
line-height: 1.2;
}

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

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

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

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

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

@@ -10,7 +10,6 @@
display: flex;
align-items: center;
height: $s-48;
max-width: var(--width, $s-256);
padding: $s-8 $s-8 $s-4 $s-8;
.main-icon {
@include flexCenter;
@@ -49,7 +48,7 @@
border: 0;
border-radius: $br-8;
background-color: var(--input-background-color);
font-size: $fs-12;
font-size: $fs-14;
color: var(--input-foreground-color);
z-index: 20;
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) {
margin: $s-4 $s-4 0 $s-4;
margin: $s-4 $s-8 0 $s-8;
}
.right-settings-bar {
grid-area: right-sidebar;

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

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

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

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