Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-23 23:18:48 -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

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

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