Merge pull request #78 from akhuoa/bugfix/connectivity-close

Fix connectivity tab close button style
ABI-Software · Jul 11, 2024 · 6c2110b · 6c2110b
2 parents 7936587 + cc700ef
commit 6c2110b
Showing 1 changed file with 17 additions and 17 deletions.
diff --git a/src/components/Tabs.vue b/src/components/Tabs.vue
@@ -107,29 +107,29 @@ $tab-height: 30px;
 }
 
 .button-tab-close {
-  width: 20px;
-  height: 20px;
-  line-height: 20px;
-  padding: 0;
-  padding-right: 4px;
-  font-size: 24px;
-  color: $app-primary-color;
-  border: 0 none;
-  box-shadow: none;
-  outline: none;
-  background-color: transparent;
+  width: 20px !important;
+  height: 20px !important;
+  line-height: 20px !important;
+  padding: 0 !important;
+  padding-right: 4px !important;
+  font-size: 24px !important;
+  color: $app-primary-color !important;
+  border: 0 none !important;
+  box-shadow: none !important;
+  outline: none !important;
+  background-color: transparent !important;
 
   :deep(> span) {
-    height: $tab-height - 2; // tab height minus border
-    font-family: Arial; // to fix font alignment on different browsers
+    height: $tab-height - 2 !important; // tab height minus border
+    font-family: Arial !important; // to fix font alignment on different browsers
   }
 
   &:hover,
   &:focus {
-    border: 0 none;
-    outline: none;
-    box-shadow: none;
-    background-color: transparent;
+    border: 0 none !important;
+    outline: none !important;
+    box-shadow: none !important;
+    background-color: transparent !important;
   }
 }