Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 23:49:45 -05:00
Code Issues Activity

🐛 Fix collapsed toolbar position

Browse source
This commit is contained in:
Belén Albeza 2024-02-14 16:59:14 +01:00
parent 4c9174969f
commit 261dc553bb
2 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/main/ui/workspace/top_toolbar.cljs
View file

@ -108,7 +108,7 @@
(when-not ^boolean read-only?
[:aside {:class (stl/css-case :main-toolbar true
:not-rulers-present (not rulers?)
:hidden-toolbar hide-toolbar?)}
:main-toolbar-hidden hide-toolbar?)}
[:ul {:class (stl/css :main-toolbar-options)}
[:li
[:button

25
frontend/src/app/main/ui/workspace/top_toolbar.scss
View file

@ -9,7 +9,6 @@
.main-toolbar {
cursor: initial;
position: absolute;
top: $s-28;
left: calc(50% - $s-160);
display: flex;
align-items: center;
@ -24,6 +23,20 @@
top 0.3s,
height 0.3s,
opacity 0.3s;
&:not(.main-toolbar-hidden) {
top: $s-28;
}
}
.main-toolbar-hidden {
top: $s-24;
height: $s-16;
z-index: $z-index-1;
border-radius: 0 0 $s-8 $s-8;
border-block-start: 0;
.main-toolbar-options {
opacity: $op-0;
}
}
.main-toolbar-options {
@ -76,16 +89,6 @@
}
}
.main-toolbar.hidden-toolbar {
top: $s-20;
height: $s-16;
z-index: $z-index-1;
border-radius: 0 0 $s-8 $s-8;
.main-toolbar-options {
opacity: $op-0;
}
}
.main-toolbar.not-rulers-present {
top: $s-8;
&.hidden-toolbar {