aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/ContextMenu.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/ContextMenu.scss')
-rw-r--r--src/client/views/ContextMenu.scss23
1 files changed, 15 insertions, 8 deletions
diff --git a/src/client/views/ContextMenu.scss b/src/client/views/ContextMenu.scss
index af0f717fe..d22c4d096 100644
--- a/src/client/views/ContextMenu.scss
+++ b/src/client/views/ContextMenu.scss
@@ -1,9 +1,9 @@
-@import 'global/globalCssVariables.module.scss';
+@use 'global/globalCssVariables.module.scss' as global;
.contextMenu-cont {
position: absolute;
display: flex;
- z-index: $contextMenu-zindex;
+ z-index: global.$contextMenu-zindex;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 30%);
flex-direction: column;
background: whitesmoke;
@@ -109,13 +109,20 @@
.contextMenu-item:hover {
border-width: 0.11px;
border-style: none;
- border-color: $medium-gray; // rgb(187, 186, 186);
+ border-color: global.$medium-gray; // rgb(187, 186, 186);
border-bottom-style: solid;
border-top-style: solid;
cursor: pointer;
}
+.contextMenu-itemSelected {
+ background: white;
+ color: black;
+ // background: lightgoldenrodyellow;
+ border-style: none;
+}
+
.contextMenu-group {
// width: 11vw; //10vw
height: 30px; //2vh
@@ -132,7 +139,7 @@
transition: all 0.1s;
border-width: 0.11px;
border-style: none;
- border-color: $medium-gray; // rgb(187, 186, 186);
+ border-color: global.$medium-gray; // rgb(187, 186, 186);
// padding: 10px 0px 10px 0px;
white-space: nowrap;
font-size: 13px;
@@ -177,7 +184,7 @@
.top-bar {
height: 20px;
width: 100%;
- display: flex;
+ display: flex;
.close-menu {
margin-top: 0;
@@ -193,7 +200,7 @@
}
}
- .bottom-box{
+ .bottom-box {
display: flex;
flex-direction: row;
justify-content: center;
@@ -202,11 +209,11 @@
height: 100%;
width: 100%;
- .width-selector{
+ .width-selector {
width: 100px;
}
- .max-min-selector{
+ .max-min-selector {
height: 15px;
width: 30px;
}