Removed border on top since that now works; starting to finalize the …

…X with Brad
brave · Sep 15, 2016 · 15f1aaa · 15f1aaa
1 parent 7d76144
commit 15f1aaa
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 46 deletions.
diff --git a/img/windows/close.svg b/img/windows/close.svg
diff --git a/less/navigationBar.less b/less/navigationBar.less
@@ -60,7 +60,6 @@
 .windowCaptionButtons {
   display: inline-block;
   -webkit-app-region: drag;
-  height: 100%;
 
   .hidden {
     display: none;
@@ -88,9 +87,8 @@
       outline: 0;
       height: 18px;
       color: #b1acac;
-      background-size: 12px 12px!important;
-      background-position: center!important;
       border: 1px solid #838383;
+      border-top: 0;
       display: inline-block;
       background-color: #dfdfdf;
       box-shadow: inset 1px 1px rgba(255, 255, 255, 0.9);
@@ -200,57 +198,22 @@
         border-radius: 0 0 4px 0;
         &:hover {
           background-color: #d9504e;
-          .widget {
-            .widget1 { border: 1px solid black; }
-            .widget2 { border: 1px solid black; }
-          }
         }
         &:active {
           background-color: #d7393d;
-          .widget {
-            .widget1 { border: 1px solid black; }
-            .widget2 { border: 1px solid black; }
-          }
         }
 
         .widget {
-          width: 11px;
-          height: 11px;
+          background: url('../img/windows/close.svg') no-repeat;
           display: inline-block;
-          vertical-align: middle;
+          height: 12px;
+          width: 12px;
+          position: relative;
+          top: 3px;
 
-          .widget1 {
-            width: 10px;
-            height: 2px;
-            background: #f0f0f0;
-            display: inline-block;
-            transform: rotate(45deg);
-            position: relative;
-            top: -6px;
-            left: -2px;
-            border: 1px solid #838383;
-          }
-          .widget2 {
-            width: 10px;
-            height: 2px;
-            background: #f0f0f0;
-            display: inline-block;
-            transform: rotate(315deg);
-            position: relative;
-            top: -21px;
-            left: -2px;
-            border: 1px solid #838383;
-          }
-          .widget3 {
-            width: 10px;
-            height: 2px;
-            background: #f0f0f0;
-            display: inline-block;
-            transform: rotate(45deg);
-            position: relative;
-            top: -37px;
-            left: -2px;
-          }
+          .widget1 { display:none; }
+          .widget2 { display:none; }
+          .widget3 { display:none; }
         }
       }
     }