Redesign of VC section
Change-Id: Id1eb6e86aff2632036e2ca21b119f3a1cf80dce7
diff --git a/dev/scss/main/buttongroup.scss b/dev/scss/main/buttongroup.scss
index f98f723..6a1ad38 100644
--- a/dev/scss/main/buttongroup.scss
+++ b/dev/scss/main/buttongroup.scss
@@ -84,11 +84,6 @@
}
-.button-group.vcstatistic{
- position:relative;
- }
-
-
ul.menu.button-group-list {
border-top-right-radius: 8px;
font-size: 10pt;
diff --git a/dev/scss/main/matchinfo.scss b/dev/scss/main/matchinfo.scss
index 6bce8b8..0d257a3 100644
--- a/dev/scss/main/matchinfo.scss
+++ b/dev/scss/main/matchinfo.scss
@@ -5,15 +5,6 @@
$border-size: 2px;
$left-distance: $left-width + ($border-size * 2);
-@mixin cell-info {
- text-overflow: ellipsis;
- white-space: nowrap;
- max-width: 25em;
- overflow: hidden;
- padding: 1px 6px;
- margin: 0px;
-}
-
/**
* Table view
*
@@ -251,77 +242,22 @@
// Metatable
div.metatable > dl {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- align-items: stretch;
- width: auto;
- padding-bottom: 0;
margin-right: $right-match-distance;
margin-top: $border-size;
> div {
- display: flex;
- flex-direction: row;
- text-align: center;
- width: 100%;
- border: ($border-size / 2) solid $dark-orange;
- align-items: stretch;
- > * {
- @include cell-info;
- }
+ border-color: $dark-orange;
> dt {
- text-align: left;
background: $darker-orange;
color: $nearly-white;
width: 12.5em;
- margin: 0;
}
> dd {
- text-align: left;
background-color: $light-orange;
- padding: 2px;
- margin: 0;
- width: 100%;
- max-width: none;
- max-height: 6em;
- margin-left: $border-size;
- white-space: normal;
- overflow-y: auto;
- overflow-x: hidden;
- text-overflow: ellipsis;
}
}
}
-@media (min-width:640px) {
- div.metatable > dl {
- > div {
- width: 50%; // 2*
- }
- }
-}
-
-@media (min-width:800px) {
- div.metatable > dl > div {
- width: 33.3333333333333%; // 3*
- }
-}
-
-@media (min-width:1200px) {
- div.metatable > dl > div {
- width: 25%; // 4*
- }
-}
-
-@media (min-width:1680px) {
- div.metatable > dl > div {
- width: 20%; // 5*
- }
-}
-
-
div.loading {
background-color: transparent !important;
height: 16px !important;
diff --git a/dev/scss/main/panel.scss b/dev/scss/main/panel.scss
index fef814f..55d0c9c 100644
--- a/dev/scss/main/panel.scss
+++ b/dev/scss/main/panel.scss
@@ -12,16 +12,3 @@
display: block;
width: 100%;
}
-
-
-div.result.panel .view {
- border: 1px solid $kwic-border;
- background-color: $dark-orange;
-}
-
-div.view.vcstatistic{
- position: relative;
- display: inline-flex;
- width: auto;
- }
-
diff --git a/dev/scss/main/resultinfo.scss b/dev/scss/main/resultinfo.scss
index f53de78..d1c7f86 100644
--- a/dev/scss/main/resultinfo.scss
+++ b/dev/scss/main/resultinfo.scss
@@ -17,6 +17,11 @@
}
}
+div.result.panel .view {
+ border: 1px solid $kwic-border;
+ background-color: $dark-orange;
+}
+
// Specify result button group layout
.result.button-group.button-panel {
width: auto;