fix autotabs border color and move the fix to formtabbing.plone.less

plone · Aug 7, 2020 · 26c071a · 26c071a
1 parent 14b50aa
commit 26c071a
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 9 deletions.
diff --git a/plonetheme/barceloneta/theme/less/barceloneta-compiled.css b/plonetheme/barceloneta/theme/less/barceloneta-compiled.css
diff --git a/plonetheme/barceloneta/theme/less/barceloneta-compiled.css.map b/plonetheme/barceloneta/theme/less/barceloneta-compiled.css.map
diff --git a/plonetheme/barceloneta/theme/less/formtabbing.plone.less b/plonetheme/barceloneta/theme/less/formtabbing.plone.less
@@ -43,6 +43,16 @@
 	}
 }
 
+// "#content-core a" rule overrides the border-bottom defined above
+// We need to have a more specific rule to override it again.
+#content-core .autotabs .autotoc-nav a {
+  border: @plone-portlet-border;
+
+  &.active {
+    border-bottom: 1px solid @plone-portlet-content-bg;
+  }
+}
+
 //hide tabs with horizontal scrolling for small devices to avoid line break (remove media if you want to apply everywhere)
 @media (max-width: @plone-screen-xs-max) {
   .autotabs .autotoc-nav {

diff --git a/plonetheme/barceloneta/theme/less/main.plone.less b/plonetheme/barceloneta/theme/less/main.plone.less
@@ -51,11 +51,6 @@
   border-bottom: 1px solid @plone-gray-lighter;
 }
 
-
-#content-core .autotabs .autotoc-nav a.active {
-  border-bottom: 1px solid @plone-portlet-content-bg;
-}
-
 a.plone-toolbar-logo {
 	color: #fff;
 }