Improve select menu and integrate for query language choosing
diff --git a/dev/scss/header/header.scss b/dev/scss/header/header.scss
index b2b9d6c..a959a08 100644
--- a/dev/scss/header/header.scss
+++ b/dev/scss/header/header.scss
@@ -25,7 +25,7 @@
padding: 0;
outline: none;
}
- span.select, #vc-choose { /* Formally vc.location */
+ span.select { /* , #vc-choose, Formally vc.location */
cursor: pointer;
line-height: 1.8em;
border: {
@@ -49,8 +49,17 @@
background-color: $light-green;
}
}
- span.select::after {
- content: $fa-down;
+ span.select {
+ &::after {
+ content: $fa-down;
+ padding: {
+ left: 4pt;
+ right: 4pt;
+ }
+ }
+ &.active::after {
+ content: $fa-up;
+ }
}
form {
diff --git a/dev/scss/header/menu.scss b/dev/scss/header/menu.scss
index 070f26b..0bf2bbd 100644
--- a/dev/scss/header/menu.scss
+++ b/dev/scss/header/menu.scss
@@ -165,6 +165,13 @@
}
}
+ul.menu {
+ opacity: 0;
+}
+ul.menu.visible {
+ opacity: 1;
+}
+
/**
* Rolling menu
*/
@@ -202,5 +209,21 @@
> li.active:hover {
@include choose-remove;
}
+}
-}
\ No newline at end of file
+/**
+ * select menu
+ */
+span.menu.select {
+ > span {
+ z-index: 100;
+ }
+ > ul.menu.roll {
+ display: none;
+ z-index: -100;
+ &.visible {
+ display: block;
+ z-index: 200;
+ }
+ }
+}
diff --git a/dev/scss/header/vc.scss b/dev/scss/header/vc.scss
index 45899da..9c48fbd 100644
--- a/dev/scss/header/vc.scss
+++ b/dev/scss/header/vc.scss
@@ -308,6 +308,7 @@
border-radius: $standard-border-radius;
}
+/*
#vc-choose {
&::after {
content: $fa-down;
@@ -319,4 +320,5 @@
&.active::after {
content: $fa-up;
}
-}
\ No newline at end of file
+}
+*/
\ No newline at end of file