3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-14 09:46:37 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Remove nesting in css for project grid menu icon

Browse source
This commit is contained in:
Belén Albeza 2024-02-28 16:54:23 +01:00 • committed by Andrey Antukh
parent 7d2aef441c
commit 9594c70ec5
1 changed files with 26 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

52
frontend/src/app/main/ui/dashboard/grid.scss
View file

@ -220,36 +220,36 @@ $thumbnail-default-height: $s-168; // Default width
span { span {
color: $db-secondary; color: $db-secondary;
} }
}
.project-th-icon { .project-th-icon {
align-items: center; align-items: center;
display: flex; display: flex;
margin-right: $s-8; margin-right: $s-8;
margin-top: 0; margin-top: 0;
}
&.menu { .menu {
align-items: flex-end; align-items: flex-end;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: $s-32; height: $s-32;
justify-content: center; justify-content: center;
margin-right: 0; margin-right: 0;
margin-top: $s-20; margin-top: $s-20;
width: 100%; width: 100%;
> svg { svg {
fill: $df-secondary; fill: $df-secondary;
margin-right: 0; margin-right: 0;
height: $s-16; height: $s-16;
width: $s-16; width: $s-16;
} }
&:hover, &:hover,
&:focus { &:focus {
> svg { svg {
fill: $da-tertiary; fill: $da-tertiary;
}
}
} }
} }
} }