3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-17 12:36:11 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Add collapse button to sources

Browse source
This commit is contained in:
alonso.torres 2023-11-21 12:35:56 +01:00
parent e2b28b3b3c
commit 1b312cdfc3
2 changed files with 75 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

35
frontend/src/app/main/ui/viewer/inspect/code.scss
View file

@ -31,6 +31,8 @@
.action-btns {
display: flex;
gap: $s-4;
flex: 1;
justify-content: end;
.expand-button {
@extend .button-tertiary;
height: $s-32;
@ -56,3 +58,36 @@
}
}
}
.toggle-btn {
@include buttonStyle;
display: flex;
align-items: center;
padding: 0;
color: var(--title-foreground-color);
stroke: var(--title-foreground-color);
.collapsabled-icon {
@include flexCenter;
height: $s-24;
border-radius: $br-8;
svg {
@extend .button-icon-small;
transform: rotate(90deg);
stroke: var(--icon-foreground);
}
&.rotated svg {
transform: rotate(0deg);
}
}
&:hover {
color: var(--title-foreground-color-hover);
stroke: var(--title-foreground-color-hover);
.title {
color: var(--title-foreground-color-hover);
stroke: var(--title-foreground-color-hover);
}
.collapsabled-icon svg {
stroke: var(--title-foreground-color-hover);
}
}
}