Merge pull request #398 from plone/generalize-required

Required/Validation styles on form tabs

Author: thet

news/+generalize-required.feature.md

@@ -0,0 +1,2 @@
+Support for required and invalid styles on form tabs.
+[thet]

plonetheme/barceloneta/theme/css/barceloneta.css

@@ -15,13 +15,25 @@ label textarea {
   display: block;
 }
 
-// Labels on required input fields
+// Required style on input fields and form tabs
 label .required:after,
-label.required:after {
+label.required:after,
+.autotoc-nav .required:after {
+  display: inline-block;
   color: $danger;
   content: "•";
-  font-size: $font-size-lg;
-  line-height: 1;
+  transform:scale(2);
+  margin-left: 0.3rem;
+}
+
+// Invalid on form tabs
+// Override specific styles from pat-autotoc and provide a general selector,
+// if autotoc is used with different UI elements.
+.pat-autotoc.autotabs .autotoc-nav a.invalid,
+.pat-autotoc.autotabs .autotoc-nav a.active.invalid,
+.autotoc-nav .invalid {
+  color: $danger;
+  font-style: italic;
 }
 
 /* show validation feedback always since it comes from