aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/ContextMenu.scss
diff options
context:
space:
mode:
authorTyler Schicke <tyler_schicke@brown.edu>2019-06-24 13:56:30 -0400
committerTyler Schicke <tyler_schicke@brown.edu>2019-06-24 13:56:30 -0400
commitd01039b10f0ebd328224c0b1a190b0f884a7c727 (patch)
treea97d85738f3173896aeffa04a22368b70b9dcdc3 /src/client/views/ContextMenu.scss
parent6abf829099e4f61f2f557078f645fb9f2aa2414c (diff)
parentc9f77d5aab98e6e7865cdcad957d5c937631775d (diff)
Merge branch 'master' of github-tsch-brown:browngraphicslab/Dash-Web into schema_fixes
Diffstat (limited to 'src/client/views/ContextMenu.scss')
-rw-r--r--src/client/views/ContextMenu.scss49
1 files changed, 38 insertions, 11 deletions
diff --git a/src/client/views/ContextMenu.scss b/src/client/views/ContextMenu.scss
index 7e066d53a..254163b53 100644
--- a/src/client/views/ContextMenu.scss
+++ b/src/client/views/ContextMenu.scss
@@ -8,19 +8,19 @@
flex-direction: column;
}
-.contextMenu-item:first-child {
- background: $intermediate-color;
- color: $light-color;
-}
+// .contextMenu-item:first-child {
+// background: $intermediate-color;
+// color: $light-color;
+// }
-.contextMenu-item:first-child::placeholder {
- color: $light-color;
-}
+// .contextMenu-item:first-child::placeholder {
+// color: $light-color;
+// }
-.contextMenu-item:first-child:hover {
- background: $intermediate-color;
- color: $light-color;
-}
+// .contextMenu-item:first-child:hover {
+// background: $intermediate-color;
+// color: $light-color;
+// }
.contextMenu-subMenu-cont {
position: absolute;
@@ -53,6 +53,33 @@
font-size: 20px;
}
+.contextMenu-itemSelected {
+ background: rgb(136, 136, 136)
+}
+
+.contextMenu-group {
+ // width: 11vw; //10vw
+ height: 30px; //2vh
+ background: rgb(200, 200, 200);
+ display: flex; //comment out to allow search icon to be inline with search text
+ justify-content: left;
+ align-items: center;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ transition: all .1s;
+ border-width: .11px;
+ border-style: none;
+ border-color: $intermediate-color; // rgb(187, 186, 186);
+ border-bottom-style: solid;
+ // padding: 10px 0px 10px 0px;
+ white-space: nowrap;
+ font-size: 20px;
+}
+
.contextMenu-item:hover {
transition: all 0.1s;
background: $lighter-alt-accent;