Improved media query for meta visualization
Change-Id: I8af6f49c87060d4228c78e47db63ef0b1ed55a13
diff --git a/dev/scss/main/kwic-new.scss b/dev/scss/main/kwic-new.scss
index 20820d2..e0263d9 100644
--- a/dev/scss/main/kwic-new.scss
+++ b/dev/scss/main/kwic-new.scss
@@ -29,11 +29,13 @@
div.meta {
position: relative;
display: table-cell;
+ cursor: initial;
width: 2px;
z-index: 5;
overflow-y: visible;
white-space: nowrap;
- background-color: $middle-grey;
+ background-color: lighten($middle-grey, 5%);
+ // @include light-noise;
border: {
color: $dark-grey;
style: solid;
@@ -43,7 +45,7 @@
border-width: 0 1px 0 0;
}
&.flip {
- background-color: lighten($middle-grey, 10%);
+ background-color: lighten($middle-grey, 17%);
}
color: $nearly-white;
font-size: 75%;
diff --git a/dev/scss/media.scss b/dev/scss/media.scss
index 84d3a56..0155462 100644
--- a/dev/scss/media.scss
+++ b/dev/scss/media.scss
@@ -62,15 +62,21 @@
}
header .button {
- margin-right: $standard-margin;
+ margin-right: $standard-margin;
+ &.top {
+ height: auto;
+ }
}
#search ol {
> li:target, > li.active {
> div > div.snippet {
- margin: 2px 2em 2px 4px;
+ margin: 2px 2em 2px 4px;
}
}
+ > li div.meta {
+ display: none;
+ }
> li:not(:target):not(.active) {
padding: 3pt 0 3pt 0;
}
diff --git a/dev/scss/util.scss b/dev/scss/util.scss
index 13799cd..a60a37a 100644
--- a/dev/scss/util.scss
+++ b/dev/scss/util.scss
@@ -203,7 +203,7 @@
}
/**
- * Noisy background (probably not necessary)
+ * Noisy background
*/
@mixin light-noise {
background-image:url('#{$img-path}/noise.png');