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

🐛 Fix z-index of workspace context menu

Browse source
This commit is contained in:
Eva Marco 2024-03-11 10:16:56 +01:00
parent fb58d7a4cc
commit 9940dabfff
23 changed files with 23 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/main/ui/components/context_menu_a11y.scss
View file

@ -10,7 +10,7 @@
position: relative;
visibility: hidden;
opacity: $op-0;
z-index: $z-index-3;
z-index: $z-index-4;
&.is-open {
position: relative;

2
frontend/src/app/main/ui/dashboard/comments.scss
View file

@ -78,7 +78,7 @@
min-height: $s-200;
position: absolute;
width: 100%;
z-index: $z-index-3;
z-index: $z-index-4;
hr {
margin: 0;

2
frontend/src/app/main/ui/dashboard/templates.scss
View file

@ -42,7 +42,7 @@
border-top-right-radius: $br-10;
margin-right: $s-32;
position: relative;
z-index: 1;
z-index: $z-index-1;
background-color: $db-quaternary;
}

2
frontend/src/app/main/ui/workspace/color_palette.scss
View file

@ -19,7 +19,7 @@
height: 100%;
width: $s-24;
padding: 0;
z-index: $z-index-4;
z-index: $z-index-5;
svg {
@extend .button-icon;
stroke: var(--icon-foreground);

2
frontend/src/app/main/ui/workspace/color_palette_ctx_menu.scss
View file

@ -13,7 +13,7 @@
max-width: $s-480;
padding: $s-4;
margin: 0 0 $s-4 0;
z-index: $z-index-3;
z-index: $z-index-4;
border-radius: $br-10;
background-color: var(--context-menu-background-color);

2
frontend/src/app/main/ui/workspace/context_menu.scss
View file

@ -19,7 +19,7 @@
border-radius: $br-8;
border: $s-2 solid var(--panel-border-color);
background-color: var(--menu-background-color);
z-index: $z-index-3;
z-index: $z-index-4;
}
.separator {

2
frontend/src/app/main/ui/workspace/palette.scss
View file

@ -43,7 +43,7 @@
.resize-area {
grid-area: resize;
height: $s-8;
z-index: $z-index-3;
z-index: $z-index-4;
width: calc(100% - $s-8);
border-radius: $br-circle;
cursor: ns-resize;

2
frontend/src/app/main/ui/workspace/presence.scss
View file

@ -42,7 +42,7 @@
padding: $s-8;
margin: calc(-1 * $s-2) calc(-1 * $s-4) 0 0;
background-color: var(--menu-background-color);
z-index: $z-index-3;
z-index: $z-index-4;
.active-users-list {
gap: $s-4;
.users-num,

2
frontend/src/app/main/ui/workspace/sidebar.scss
View file

@ -47,7 +47,7 @@ $width-settings-bar-max: $s-500;
position: absolute;
top: 0;
left: unset;
z-index: $z-index-3;
z-index: $z-index-4;
width: $s-8;
cursor: ew-resize;
height: 100%;

2
frontend/src/app/main/ui/workspace/sidebar/layer_item.scss
View file

@ -249,7 +249,7 @@
:global(.sticky) {
position: sticky;
top: $s-0;
z-index: $z-index-3;
z-index: $z-index-4;
}
.tab-indentation {

2
frontend/src/app/main/ui/workspace/sidebar/options/menus/frame_grid.scss
View file

@ -224,7 +224,7 @@
margin: 0 0 $s-40 0;
margin-top: $s-4;
border-radius: $br-8;
z-index: $z-index-3;
z-index: $z-index-4;
overflow-y: auto;
background-color: var(--menu-background-color);
.option-btn {

2
frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.scss
View file

@ -351,7 +351,7 @@
right: 0;
height: 100%;
width: 100%;
z-index: $z-index-3;
z-index: $z-index-4;
}
.show-recent {

2
frontend/src/app/main/ui/workspace/text_palette_ctx_menu.scss
View file

@ -13,7 +13,7 @@
max-width: $s-480;
padding: $s-4;
margin: 0 0 $s-4 0;
z-index: $z-index-3;
z-index: $z-index-4;
border-radius: $br-10;
background-color: var(--context-menu-background-color);

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

@ -17,7 +17,7 @@
padding: $s-8 $s-16;
border-radius: $s-8;
border: $s-2 solid var(--panel-border-color);
z-index: $z-index-10;
z-index: $z-index-3;
background-color: var(--color-background-primary);
transition:
top 0.3s,