3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-13 09:51:39 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Unnest css selectors for the 'show all files' in the dashboard

Browse source
This commit is contained in:
Belén Albeza 2024-02-28 16:43:35 +01:00 • committed by Andrey Antukh
parent 74e879a2be
commit 372e6b8a88
1 changed files with 28 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

79
frontend/src/app/main/ui/dashboard/projects.scss
View file

@ -51,31 +51,6 @@
min-height: $s-32; min-height: $s-32;
margin-left: $s-8; margin-left: $s-8;
} }
.show-more {
align-items: center;
color: $df-secondary;
display: flex;
font-size: $fs-14;
justify-content: space-between;
cursor: pointer;
background-color: transparent;
border: none;
.placeholder-icon {
transform: rotate(-90deg);
margin-left: $s-12;
svg {
height: $s-16;
width: $s-16;
fill: $df-secondary;
}
}
&:hover {
color: $da-tertiary;
svg {
fill: $da-tertiary;
}
}
}
.btn-secondary { .btn-secondary {
border: none; border: none;
@ -137,37 +112,39 @@
opacity: 1; opacity: 1;
} }
} }
}
.show-more { .show-more {
align-items: center; align-items: center;
color: $df-secondary; color: $df-secondary;
display: flex; display: flex;
font-size: $fs-14; font-size: $fs-14;
justify-content: space-between; justify-content: space-between;
cursor: pointer; cursor: pointer;
background-color: transparent; background-color: transparent;
border: none; border: none;
position: absolute; position: absolute;
top: $s-8; top: $s-8;
right: $s-52; right: $s-52;
.placeholder-icon {
transform: rotate(-90deg); &:hover {
margin-left: $s-8; color: $da-tertiary;
svg { svg {
height: $s-16; fill: $da-tertiary;
width: $s-16;
fill: $df-secondary;
}
}
&:hover {
color: $da-tertiary;
svg {
fill: $da-tertiary;
}
} }
} }
} }
.placeholder-icon {
transform: rotate(-90deg);
margin-left: $s-12;
svg {
height: $s-16;
width: $s-16;
fill: $df-secondary;
}
}
.team-hero { .team-hero {
background-color: $db-tertiary; background-color: $db-tertiary;
border-radius: $br-8; border-radius: $br-8;