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