3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-04 09:48:22 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fixed issues with masks when coloring

Browse source
This commit is contained in:
alonso.torres 2020-12-08 15:33:53 +01:00 • committed by Hirunatan
parent 07d77c1320
commit 4b22615f97
7 changed files with 304 additions and 282 deletions
Download patch file Download diff file Expand all files Collapse all files

54
frontend/resources/styles/main/partials/sidebar-layers.scss
View file

@ -144,38 +144,36 @@
}
}
.element-list li.masked {
.element-children {
li:first-child {
position: relative;
.element-list li.masked > .element-children > li {
&:first-child {
position: relative;
&::before {
content: " ";
border-right: 1px solid $color-gray-40;
border-top: 1px solid $color-gray-40;
position: absolute;
width: 6px;
height: 6px;
transform: rotate(-45deg);
top: -1px;
left: -4px;
}
&::before {
content: " ";
border-right: 1px solid $color-gray-40;
border-top: 1px solid $color-gray-40;
position: absolute;
width: 6px;
height: 6px;
transform: rotate(-45deg);
top: -1px;
left: -4px;
}
}
li:last-child {
border-left: none;
position: relative;
&:last-child {
border-left: none;
position: relative;
&::after {
content: " ";
border-left: 1px solid $color-gray-40;
border-bottom: 1px solid $color-gray-40;
height: 1rem;
width: 0.3rem;
position: absolute;
top: 0;
left: 0;
}
&::after {
content: " ";
border-left: 1px solid $color-gray-40;
border-bottom: 1px solid $color-gray-40;
height: 1rem;
width: 0.3rem;
position: absolute;
top: 0;
left: 0;
}
}
}