stylesheet changes for graying corpus statstic and reload button(plus renaming)
Change-Id: I13394bd2fa8da48548a83142168b4448178ded6a
(cherry picked from commit 9586263a94a66446584d2ce2f2ad22f2fa677114)
diff --git a/dev/scss/header/statistics.scss b/dev/scss/header/statistics.scss
index a4d3f1e..3952e66 100644
--- a/dev/scss/header/statistics.scss
+++ b/dev/scss/header/statistics.scss
@@ -1,31 +1,65 @@
@charset "utf-8";
@import "../util";
+
+/*
+Corpus statistic
+Graying corpus statistic
+*/
div.stattable {
- display: flex;
- flex-direction: row;
+ display: flex;
+ flex-direction: row;
+}
+div.stattable {
+ > dl {
+ display: flex;
+ flex-flow: row wrap;
+ margin-top:4px;
+ margin-bottom:4px;
+ padding-bottom: 1px;
+ > div {
+ border-color: $dark-green;
+ > dt {
+ background-color: $middle-green;
+ width: 15em;
+ margin: 0;
+ &:after {
+ content: ":";
+ }
+ }
+ > dd {
+ background-color: $lightest-green;
+ color: $dark-grey;
+ }
+ }
+ }
+ &.stdisabled {
+ > dl
+ > div {
+ > dt {
+ @include vcinfo-inactive;
+ }
+ > dd {
+ @include vcinfo-inactive;
+ }
+ }
+ }
}
-div.stattable > dl {
- display: flex;
- flex-flow: row wrap;
- //margin-top: 4 * $border-size !important;
- margin-top:4px;
- margin-bottom:4px;
- padding-bottom: 1px;
- > div {
- border-color: $dark-green;
- > dt {
- background-color: $middle-green;
- width: 15em;
- margin: 0;
- &:after {
- content: ":";
- }
+
+/* Corpus statistic reload button */
+div.reloadStatB {
+ font-family: 'FontAwesome';
+ padding-left: 2px;
+ z-index: 30;
}
- > dd {
- background-color: $lightest-green;
- color: $dark-grey;
- }
- }
-}
+span.refresh::after{
+ line-height: normal;
+ content : $fa-redo;
+ font-size: 15pt;
+ }
+
+/* Close-button should always be seen next to or above reload-button */
+.button-view.vcstatistic {
+ z-index: 30;
+ }