Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-24 07:46:13 -05:00
Code Issues Activity

add new styles to context-menu

Browse source
This commit is contained in:
Juan de la Cruz 2020-03-20 10:57:10 +01:00 • committed by Alonso Torres
parent 74ece8fde0
commit c7791fd68d
2 changed files with 16 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/resources/styles/main/partials/context-menu.scss
View file

@ -14,6 +14,7 @@
.context-menu-items {
background: $color-white;
border-radius: $br-small;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
left: -$size-4;
min-width: 7rem;
@ -24,7 +25,7 @@
.context-menu-action {
color: $color-black;
display: block;
font-size: 12px;
font-size: $fs12;
padding: $size-2 $size-4;
&:hover {

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

@ -6,39 +6,35 @@
// Copyright (c) 2015-2016 Juan de la Cruz <delacruzgarciajuan@gmail.com>
.workspace-context-menu {
background-color: $color-white;
border-radius: $br-small;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
left: 740px;
position: absolute;
top: 40px;
left: 740px;
width: 230px;
width: 200px;
z-index: 12;
background-color: $color-gray-60;
border-radius: $br-small;
padding: 0 $small;
li {
font-size: $fs13;
padding: $small 0;
align-items: center;
display: flex;
font-size: $fs12;
padding: $small;
cursor: pointer;
svg {
fill: $color-gray-20;
fill: $color-gray-60;
margin-right: $small;
height: 12px;
width: 12px;
}
span {
color: $color-white;
color: $color-gray-60;
}
&:hover {
span {
color: $color-primary;
}
svg {
fill: $color-primary;
}
background-color: $color-gray-lightest;
}
}
}