implement borderless option table in module page (#296)

* borderless options table in module pages provide the scss and the generated css * Replace incorrect :: by :, use SCSS nesting. * Experimental: re-add borders, keep colors Co-authored-by: Felix Fontein <[email protected]>
ansible-community · Oct 27, 2021 · a80a800 · a80a800
1 parent aed085e
commit a80a800
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/sphinx_antsibull_ext/antsibull-minimal.css b/sphinx_antsibull_ext/antsibull-minimal.css
diff --git a/sphinx_antsibull_ext/css/antsibull-minimal.scss b/sphinx_antsibull_ext/css/antsibull-minimal.scss
@@ -2,10 +2,13 @@
 
 // Documentation table (for module options and return values)
 table.documentation-table {
-  // Borders and basic spacing
   border-bottom: 1px solid #000;
   border-right: 1px solid #000;
 
+  th {
+    background-color: #6AB0DE;
+  }
+
   td, th {
     padding: 4px;
     border-left: 1px solid #000;
@@ -40,6 +43,13 @@ table.documentation-table {
     &:hover .ansibleOptionLink::after {
       visibility: visible;
     }
+
+    &:nth-child(odd) {
+      background-color: #FFFFFF;
+    }
+    &:nth-child(even) {
+      background-color: #E7F2FA;
+    }
   }
 }