3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-19 09:46:12 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix dropdown colors in the right sidebar for typography / recent

Browse source
This commit is contained in:
Belén Albeza 2024-01-17 18:07:52 +01:00 • committed by Alonso Torres
parent 5cfc135791
commit 4b79424903
4 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -21,6 +21,7 @@
padding: $s-2; padding: $s-2;
cursor: pointer; cursor: pointer;
font-size: $fs-12; font-size: $fs-12;
height: 100%;
.tab-container-tab-wrapper { .tab-container-tab-wrapper {
@include flexCenter; @include flexCenter;
flex-direction: row; flex-direction: row;
@ -97,4 +98,4 @@
overflow-x: hidden; overflow-x: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }

1
frontend/src/app/main/ui/workspace.scss
View file

@ -24,7 +24,6 @@
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
max-height: 100vh; max-height: 100vh;
overflow: auto; // TODO: change to hidden
user-select: one; user-select: one;
display: grid; display: grid;
grid-template-areas: "left-sidebar viewport right-sidebar"; grid-template-areas: "left-sidebar viewport right-sidebar";

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

@ -39,7 +39,6 @@ $width-settings-bar-max: $s-500;
right: calc(-1 * $s-8); right: calc(-1 * $s-8);
} }
.resize-area { .resize-area {
position: absolute; position: absolute;
top: 0; top: 0;
@ -75,7 +74,6 @@ $width-settings-bar-max: $s-500;
height: calc(100vh - $s-52); height: calc(100vh - $s-52);
overflow: hidden; overflow: hidden;
height: calc(100vh - $s-52);
} }
} }

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

@ -356,9 +356,11 @@
flex-direction: column; flex-direction: column;
position: relative; position: relative;
margin-bottom: $s-2; margin-bottom: $s-2;
background-color: var(--dropdown-background-color);
.title { .title {
@include tabTitleTipography; @include tabTitleTipography;
margin: 9px 17px; margin: 9px 17px;
color: var(--title-foreground-color);
} }
} }
.fonts-list { .fonts-list {