[JENKINS-35178] Fix close button in Safari (#2378)

* [JENKINS-35178] Fix close button in Safari * [JENKINS-35178] Removed units * [JENKINS-35178] Back to the original button design (cherry picked from commit d35c7de)
jenkinsci · Jun 19, 2016 · d0cc8cd · d0cc8cd
1 parent c95dcc1
commit d0cc8cd
Showing 1 changed file with 29 additions and 23 deletions.
diff --git a/war/src/main/js/widgets/config/tabbar.less b/war/src/main/js/widgets/config/tabbar.less
@@ -299,42 +299,48 @@
         position:relative;
       }  
       .repeatable-delete {
-        position:absolute;
-        top:-2px;
-        right:35px;
-        height:18px;
-        width:32px;
-        .border-radius-bottom(3px);
-        overflow:hidden;
-
-        button{
-          padding:0;
-          margin:0;
-          text-indent:999em;
+        position: absolute;
+        top: -4px;
+        right: 40px;
+        height: 20px;
+        width: 30px;
+
+        button {
+          text-align: center;
+          text-indent: -9999px;
+          width: 30px !important;
+          height: 18px !important;
+          padding: 0 !important;
+          margin: 0 !important;
+          .border-radius-top(0) !important;
           background-color: @danger;
           color: @light-backgrond;
           border: 1px solid @danger-line;
+          line-height: 12px !important;
+          display: inline-block;
+          font-size: 8px;
         }
+
         button:focus,
-        button:hover{
+        button:hover {
           background-color: @danger-dark;
-          border-color:@danger-dark-line;
-          color:@brightest;
+          border-color: @danger-dark-line;
+          color: @brightest;
         }
-        button:before{
+
+        button:before {
           content: 'X';
           font-weight: bold;
-          text-indent: 0;
-          display: block;
           position: absolute;
+          display: block;
           left: 0;
-          right: 0;
-          top: 0;
-          bottom: 0;
+          top: 2;
+          width: 30px;
+          height: 16px;
           text-align: center;
           font-size: 12px;
-          line-height: 18px;
-        }  
+          text-indent: 0;
+        }
 
       }
     }