refs #4536: morpheus uses odd/even css classes instead of nth-child. …

…this way, striping works properly on nested data tables (e.g. the search engines report). also, make the css overrides more effective (e.g. add :hover).
matomo-org · Feb 7, 2014 · 73a1b46 · 73a1b46
1 parent 88aaf3f
commit 73a1b46
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/plugins/Morpheus/stylesheets/components.less b/plugins/Morpheus/stylesheets/components.less
@@ -351,7 +351,7 @@ table.dataTable tr td .dataTableRowActions {
   }
 }
 
-table.dataTable tr:nth-child(2n) td .dataTableRowActions {
+table.dataTable tr td.labeleven .dataTableRowActions {
   a.rightmost, a {
     background-color: #fff !important;
   }

diff --git a/plugins/Morpheus/stylesheets/theme.less b/plugins/Morpheus/stylesheets/theme.less
@@ -379,7 +379,7 @@ table.entityTable tr td a:hover {
     }
 }
 
-.dataTable {
+table.dataTable {
     thead {
         tr {
             th {
@@ -420,10 +420,14 @@ table.entityTable tr td a:hover {
                 color: @brand-blue;
             }
         }
-        &:nth-child(2n) {
-            td  {
-                background-color: #fff !important;
-            }
+        & td.columneven,
+        & td.labeleven,
+        &:hover > td.labeleven,
+        &:hover > td.columneven,
+        &.subDataTable:hover > td.labeleven,
+        &.subDataTable:hover > td.columneven,
+        td.cellSubDataTable {
+          background-color: #fff !important;
         }
     }