fixes tags cutoff

2017-03-10 14:08:08 -06:00
parent f9c01c0488
commit 4d95e6070e
4 changed files with 16 additions and 8 deletions
--- a/app/assets/stylesheets/app/_editor.scss
+++ b/app/assets/stylesheets/app/_editor.scss
@@ -78,7 +78,7 @@ $heading-height: 75px;
    color: rgba(black, 0.23);
  }

-  .tags {
+  .editor-tags {
    clear: left;
    width: 100%;
    height: 25px;
--- a/app/assets/stylesheets/app/_tags.scss
+++ b/app/assets/stylesheets/app/_tags.scss
@@ -1,5 +1,4 @@
 .tags {
-    // width: 15%;
    flex: 1 10%;
    max-width: 180px;
    min-width: 100px;
@@ -65,11 +64,20 @@

    > .menu {
      font-size: 11px;
-      color: $blue-color;
-      // opacity: 0.5;
+
+      > .item {
+        margin-right: 1px;
+      }
+
+      opacity: 0.5;
+      font-weight: bold;
      clear: both;
      margin-top: 2px;
      margin-bottom: 2px;
+
+      &:hover {
+        opacity: 1.0;
+      }
    }

    $tags-selected-color: #dbdbdb;