Minor improved experiment with a slider
diff --git a/dev/scss/header/menu.scss b/dev/scss/header/menu.scss
index 0016420..7baa398 100644
--- a/dev/scss/header/menu.scss
+++ b/dev/scss/header/menu.scss
@@ -51,6 +51,10 @@
@include choose-item;
}
+ul.menu:hover > div.ruler {
+ opacity: 1;
+}
+
ul.menu {
position: absolute;
padding: 0;
@@ -59,6 +63,36 @@
list-style-type: none;
list-style-position: outside;
+ > div.ruler {
+ position: absolute;
+ right: 0px;
+ margin-right: -12px;
+ background-color: transparent;
+ width: 12px;
+ height: 100%;
+ opacity: 0;
+
+ > span {
+ position: absolute;
+ display: block;
+ right: 0px;
+ width: 6px;
+ cursor: pointer;
+ background-color: $light-grey;
+ border-radius: 3px;
+ z-index: 600;
+ }
+
+ > div {
+ position: absolute;
+ right: 1px;
+ width: 4px;
+ background-color: $dark-grey;
+ height: 100%;
+ border-radius: 2px;
+ }
+ }
+
/**
* List items
*/