New design for visibility icons

2017-07-08 00:34:47 +02:00
parent 86f8df7903
commit e3c2183c12
3 changed files with 26 additions and 17 deletions
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -611,22 +611,6 @@
  .notification__message {
    margin: -10px 0 10px;
  }
-
-  // Visibility icons
-  &::before {
-    float: right;
-    padding-top: 5px;
-    margin-left: 8px;
-    font-family: "FontAwesome";
-    color: lighten($ui-base-color, 26%);
-    text-align: center;
-    width: 16px;
-  }
-
-  &.status-public::before   { content: "\F0AC" }
-  &.status-unlisted::before { content: "\F13E" }
-  &.status-private::before  { content: "\F023" }
-  &.status-direct::before   { content: "\F0E0" }
 }

 .notification-favourite {
@@ -672,7 +656,11 @@
  display: inline-block;
  position: relative;
  float: right;
-  color: $ui-primary-color;
+  color: lighten($ui-base-color, 26%);
+}
+
+.status__visibility-icon {
+  padding-left: 6px;
 }

 .status-check-box {