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

🐛 Fix workspace context menu in small screens

Browse source
This commit is contained in:
Eva Marco 2024-03-13 17:36:40 +01:00
parent 04a69c2a2c
commit fbe09e6b5a
5 changed files with 8 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

84
frontend/resources/styles/main/partials/workspace.scss
View file

@ -68,90 +68,6 @@ $height-palette-max: 80px;
}
}
.workspace-context-menu {
background-color: $color-white;
border-radius: $br3;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
left: 740px;
position: absolute;
top: 40px;
width: 240px;
z-index: 12;
li {
align-items: center;
font-size: $fs14;
padding: $size-1 $size-4;
cursor: pointer;
display: flex;
justify-content: space-between;
&.separator {
border-top: 1px solid $color-gray-10;
padding: 0px;
margin: 2px;
}
span {
color: $color-gray-60;
}
span.shortcut {
color: $color-gray-20;
font-size: $fs12;
}
&:hover {
background-color: $color-primary-lighter;
}
.submenu-icon {
position: absolute;
right: 1rem;
svg {
width: 10px;
height: 10px;
}
}
}
.icon-menu-item {
display: flex;
justify-content: flex-start;
&:hover {
background-color: $color-primary-lighter;
}
span.title {
margin-left: 5px;
}
.selected-icon {
svg {
width: 10px;
height: 10px;
}
}
.shape-icon {
margin-left: 3px;
svg {
width: 13px;
height: 13px;
}
}
.icon-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
margin: 0;
}
}
}
.workspace-content {
background-color: $color-canvas;
display: flex;