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

🐛 Fix disabled color on path toolbar and alignment buttons

Browse source
This commit is contained in:
Eva 2024-01-16 14:43:19 +01:00 • committed by Alonso Torres
parent a51925565a
commit 0a8bbe0b77
10 changed files with 21 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/app/main/ui/components/radio_buttons.scss
View file

@ -53,19 +53,19 @@
cursor: default;
background-color: transparent;
svg {
stroke: var(--button-background-color-disabled);
stroke: var(--button-foreground-color-disabled);
}
.title-name {
color: var(--button-background-color-disabled);
color: var(--button-foreground-color-disabled);
}
&:hover {
border: none;
background-color: transparent;
svg {
stroke: var(--button-background-color-disabled);
stroke: var(--button-foreground-color-disabled);
}
.title-name {
color: var(--button-background-color-disabled);
color: var(--button-foreground-color-disabled);
}
}
}

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

@ -46,7 +46,7 @@
}
&:disabled {
svg {
stroke: var(--button-background-color-disabled);
stroke: var(--button-foreground-color-disabled);
}
&::after {
background-image: none;

4
frontend/src/app/main/ui/workspace/sidebar/options/menus/align.scss
View file

@ -29,12 +29,12 @@
&.disabled {
cursor: default;
svg {
stroke: var(--button-background-color-disabled);
stroke: var(--button-foreground-color-disabled);
}
&:hover {
background-color: var(--panel-background-color);
svg {
stroke: var(--button-background-color-disabled);
stroke: var(--button-foreground-color-disabled);
}
}
}

4
frontend/src/app/main/ui/workspace/sidebar/options/menus/bool.scss
View file

@ -30,12 +30,12 @@
&.disabled {
cursor: default;
svg {
stroke: var(--button-background-color-disabled);
stroke: var(--button-foreground-color-disabled);
}
&:hover {
background-color: var(--panel-background-color);
svg {
stroke: var(--button-background-color-disabled);
stroke: var(--button-foreground-color-disabled);
}
}
}

5
frontend/src/app/main/ui/workspace/text_palette.scss
View file

@ -44,7 +44,7 @@
}
&:disabled {
svg {
stroke: var(--button-background-color-disabled);
stroke: var(--button-foreground-color-disabled);
}
&::after {
background-image: none;
@ -100,18 +100,21 @@
width: $s-120;
color: var(--palette-text-color-selected);
}
.typography-font {
@include textEllipsis;
height: $s-16;
width: $s-120;
color: var(--palette-text-color);
}
.typography-data {
@include textEllipsis;
height: $s-16;
width: $s-120;
color: var(--palette-text-color);
}
&.mid-item {
.typography-name {
height: $s-16;