Improve styling of URL attachment menuitem in side menu

metasfresh · Oct 5, 2017 · 979696c · 979696c
1 parent 531f07c
commit 979696c
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/src/assets/css/attachments.css b/src/assets/css/attachments.css
@@ -1,3 +1,28 @@
+.subheader-attachurl {
+    cursor: pointer;
+    position: relative;
+    width: 100%;
+    display: block;
+    padding: .75rem 1.25rem;
+    text-decoration: none !important;
+    background-color: $brand-light-color;
+    color: $brand-font-color;
+}
+
+.subheader-attachurl:hover {
+    background-color: $brand-color-primary;
+    color: #fff;
+}
+
+.subheader-attachurl:focus {
+    background-color: $brand-color-primary;
+    color: #fff;
+}
+
+.subheader-attachurl i {
+    margin-right: 5px;
+}
+
 .panel-attachurl {
     display: flex;
     flex-direction: column;

diff --git a/src/components/header/Attachments.js b/src/components/header/Attachments.js
@@ -105,7 +105,7 @@ class Attachments extends Component {
 
         return (
             <div
-              className="subheader-item js-subheader-item"
+              className="subheader-attachurl"
               onClick={this.handleClickAttachUrl}
             >
                 {counterpart.translate('window.attachment.url.add')}