Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-11 01:10:28 -05:00
Code Issues Activity

Merge pull request #4427 from penpot/palba-bugfixing-007

Browse source 
🐛 Bugfixing
This commit is contained in:
Alejandro 2024-04-15 12:48:28 +02:00 committed by GitHub
commit 8bf1b9c28e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 18 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -46,6 +46,7 @@
@extend .button-icon; @extend .button-icon;
stroke: var(--tab-foreground-color); stroke: var(--tab-foreground-color);
} }
.content { .content {
@include headlineSmallTypography; @include headlineSmallTypography;
text-align: center; text-align: center;
@ -53,17 +54,21 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
&.current, &.current,
&.current:hover { &.current:hover {
background: var(--tab-background-color-selected); background: var(--tab-background-color-selected);
border-color: var(--tab-border-color-selected); border-color: var(--tab-border-color-selected);
color: var(--tab-foreground-color-selected); color: var(--tab-foreground-color-selected);
svg { svg {
stroke: var(--tab-foreground-color-selected); stroke: var(--tab-foreground-color-selected);
} }
} }
&:hover { &:hover {
color: var(--tab-foreground-color-hover); color: var(--tab-foreground-color-hover);
svg { svg {
stroke: var(--tab-foreground-color-hover); stroke: var(--tab-foreground-color-hover);
} }
@ -78,6 +83,7 @@
min-width: $s-24; min-width: $s-24;
padding: 0 $s-6; padding: 0 $s-6;
border-radius: $br-5; border-radius: $br-5;
svg { svg {
@include flexCenter; @include flexCenter;
height: $s-16; height: $s-16;
@ -87,6 +93,7 @@
fill: none; fill: none;
color: transparent; color: transparent;
} }
&:hover { &:hover {
svg { svg {
stroke: var(--icon-foreground-hover); stroke: var(--icon-foreground-hover);
@ -107,3 +114,10 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
//Firefox doesn't respect scrollbar-gutter
@supports (-moz-appearance: none) {
.tab-container-content {
padding-right: $s-8;
}
}

8
frontend/src/app/main/ui/workspace/sidebar/options/menus/constraints.cljs
View file

@ -181,14 +181,14 @@
[:span {:class (stl/css :resalted-area)}]]] [:span {:class (stl/css :resalted-area)}]]]
[:div {:class (stl/css :constraints-center)} [:div {:class (stl/css :constraints-center)}
[:button {:class (stl/css-case :constraint-btn true [:button {:class (stl/css-case :constraint-btn true
:active (= constraints-h :center)) :active (= constraints-v :center))
:data-value "centerh" :data-value "centerv"
:on-click on-constraint-button-clicked} :on-click on-constraint-button-clicked}
[:span {:class (stl/css :resalted-area)}]] [:span {:class (stl/css :resalted-area)}]]
[:button {:class (stl/css-case :constraint-btn-special true [:button {:class (stl/css-case :constraint-btn-special true
:constraint-btn-rotated true :constraint-btn-rotated true
:active (= constraints-v :center)) :active (= constraints-h :center))
:data-value "centerv" :data-value "centerh"
:on-click on-constraint-button-clicked} :on-click on-constraint-button-clicked}
[:span {:class (stl/css :resalted-area)}]]] [:span {:class (stl/css :resalted-area)}]]]
[:div {:class (stl/css :constraints-right)} [:div {:class (stl/css :constraints-right)}