Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-03 04:49:03 -05:00
Code Issues Activity

🐛 Minor style tweaks for component annotations

Browse source
This commit is contained in:
Pablo Alba 2023-05-19 13:01:08 +02:00
parent 2704c3f3de
commit 1d69da1ca5
1 changed files with 29 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
frontend/resources/styles/main/partials/sidebar-element-options.scss
View file

@ -2331,9 +2331,8 @@
.component-annotation { .component-annotation {
background-color: $color-gray-60; background-color: $color-gray-60;
border: 1px solid $color-gray-60; border: 1px solid $color-gray-60;
&.editing { border-radius: 2px;
border: 1px solid $color-primary;
}
.title { .title {
display: flex; display: flex;
align-items: center; align-items: center;
@ -2365,16 +2364,15 @@
.icon { .icon {
display: none; display: none;
cursor: pointer; cursor: pointer;
}
&:hover {
.icon {
display: flex;
svg { svg {
fill: $color-gray-20; fill: $color-gray-20;
width: $size-4; width: $size-4;
height: $size-4; height: $size-4;
margin-left: 15px; margin-left: 15px;
&.icon-cross {
width: $size-3;
height: $size-3;
}
} }
.icon-tick:hover, .icon-tick:hover,
@ -2387,6 +2385,18 @@
fill: $color-danger; fill: $color-danger;
} }
} }
&:hover {
.icon {
display: flex;
}
}
}
&.editing {
border: 1px solid $color-primary;
.title .icon {
display: flex;
} }
} }