Improve design of metacategories widget.
authorAlexandre Segura <mex.zktk@gmail.com>
Wed, 01 Mar 2017 15:04:31 +0100
changeset 406 733be8cac793
parent 405 6b8a1ae18e91
child 407 74e0a5ea614a
Improve design of metacategories widget.
src_js/iconolab-bundle/src/components/editor/Comment.vue
src_js/iconolab-bundle/src/iconolab.scss
--- a/src_js/iconolab-bundle/src/components/editor/Comment.vue	Wed Mar 01 01:41:20 2017 +0100
+++ b/src_js/iconolab-bundle/src/components/editor/Comment.vue	Wed Mar 01 15:04:31 2017 +0100
@@ -35,7 +35,6 @@
         ],
         data() {
             return {
-                showForm: false,
                 hover: false
             }
         },
--- a/src_js/iconolab-bundle/src/iconolab.scss	Wed Mar 01 01:41:20 2017 +0100
+++ b/src_js/iconolab-bundle/src/iconolab.scss	Wed Mar 01 15:04:31 2017 +0100
@@ -120,25 +120,22 @@
 
     .btn-group-metacategory {
 
-        padding-bottom: 5px;
-        margin-bottom: 5px;
-        border-bottom: 2px solid #969696;
-
-        &.btn-group-request-for-contribution {
-            border-color: $color-request-for-contribution;
+        &.active {
+            margin-bottom: 5px;
+            padding-bottom: 0px;
+            border-bottom: 2px solid #969696;
         }
-        &.btn-group-reference {
-            border-color: $color-reference;
+        &.active.btn-group-request-for-contribution {
+            border-bottom: 2px solid $color-request-for-contribution;
         }
-        &.btn-group-agree {
-            border-color: $color-agree;
+        &.active.btn-group-reference {
+            border-bottom: 2px solid $color-reference;
         }
-        &.btn-group-disagree {
-            border-color: $color-disagree;
+        &.active.btn-group-agree {
+            border-bottom: 2px solid $color-agree;
         }
-
-        &.active {
-            padding-bottom: 0px;
+        &.active.btn-group-disagree {
+            border-bottom: 2px solid $color-disagree;
         }
 
         .btn {