Changeset 11916 for trunk/src/bp-templates/bp-nouveau/sass/_nouveau_messages.scss

Timestamp:

03/31/2018 01:44:18 PM (7 years ago)

Author:

hnla

Message:

Nouveau: Re-factor Compose pencil icon

Commit changes the compose link to a text one removing the pencil icon.

As an icon it might not have been clear to the purpose of the link, as text it's clearer and is also easier to handle styling/layout within the li element structure.

Props mercime

Fixes #7715

File:

• trunk/src/bp-templates/bp-nouveau/sass/_nouveau_messages.scss (modified) (4 diffs)

trunk/src/bp-templates/bp-nouveau/sass/_nouveau_messages.scss

@@ -6 +6 @@
 .message-action-star:before,
 .message-action-unstar:before,
-.bp-navs ul li#compose-personal-li a#compose:before,
 .message-action-view:before,
 .message-action-delete:before {
@@ -13 +12 @@
 }
 
-.bp-navs ul li#compose-personal-li a#compose:before {
-    font-size: 22px;
-}
-
 .message-action-star:before {
     color: #aaa;
@@ -48 +43 @@
     }
 }
-
-// Compose Icon
-li#compose-personal-li {
-
-    &.last {
-        margin-top: 0;
-    }
-
-    a#compose {
-        display: inline-block;
-        padding: 1px 6px;
-    }
-
-    a#compose:before {
-        content: "\f464";
-    }
-
-    a#compose:focus,
-    a#compose:hover {
-        background: #eee;
-        color: #e8861e;
-    }
-
-} // close li#compose-personal-li
 
 // Visual message threads & preview pane styles
@@ -124 +95 @@
             @include center-vert();
             @include box-item-size(1, 2, 5%);
-
-            label {
-                float: left;
-                margin-left: $marg-xsml;
-                text-align: center;
-                width: 5%;
-            }
         }