github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-06-16 04:12:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

🎉 Add flyout and semantic improvements to main toolbar

Browse Source
This commit is contained in:
Xavier Julian 2026-05-11 13:25:39 +02:00 committed by Luis de Dios
parent acd1f5f4c0
commit ca1c3cdc8d
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/app/main/ui/ds/tool_toolbar/tool_toolbar.scss
View File

@ -20,7 +20,7 @@
cursor: initial;
box-sizing: border-box;
position: absolute;
left: 50%;
inset-inline-start: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
@ -34,7 +34,7 @@
top 0.3s,
height 0.3s,
opacity 0.3s;
top: calc(var(--toolbar-position-y) + var(--toolbar-offset-y));
inset-block-start: calc(var(--toolbar-position-y) + var(--toolbar-offset-y));
}
.main-toolbar-no-rulers {
@ -129,10 +129,10 @@
visibility: hidden;
pointer-events: none;
position: absolute;
top: 140%;
left: 50%;
inset-block-start: 140%;
inset-inline-start: 50%;
transform: translateX(-50%);
margin-top: var(--sp-xxs);
margin-block-start: var(--sp-xxs);
padding: var(--sp-xxs) 0;
border-radius: $br-8;
border: 1px solid var(--menu-border-color);