changeset 8573:8d6a7e174b03

diff: refactor table styling to clarify how classes are applied to tr or td The styling is so specific that the generic selectors are misleading. The font styling will now also be put on the <td> instead of just on the <a> it might contain.
author Mads Kiilerich <mads@kiilerich.com>
date Sun, 21 Jun 2020 19:32:15 +0200
parents 0617a88e0daa
children 33a57f96c5e0
files kallithea/front-end/kallithea-diff.less
diffstat 1 files changed, 13 insertions(+), 13 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/front-end/kallithea-diff.less	Mon Jun 08 14:36:15 2020 +0200
+++ b/kallithea/front-end/kallithea-diff.less	Sun Jun 21 19:32:15 2020 +0200
@@ -105,31 +105,31 @@
     border-color: rgba(0, 0, 0, 0.3);
   }
 
-  /* line numbers */
-  .lineno {
+  /* line number columns */
+  td.lineno {
     padding-left: 2px;
     padding-right: 2px !important;
     width: 30px;
     border-right: 1px solid @panel-default-border !important;
     vertical-align: middle !important;
-    text-align: center;
-  }
-  .lineno.new {
-    text-align: right;
-  }
-  .lineno.old {
-    text-align: right;
-  }
-  .lineno a {
-    color: #aaa !important;
     font-size: 11px;
     font-family: @font-family-monospace;
     line-height: normal;
+    text-align: center;
+  }
+  td.lineno.new {
+    text-align: right;
+  }
+  td.lineno.old {
+    text-align: right;
+  }
+  td.lineno a {
+    color: #aaa !important;
     padding-left: 6px;
     padding-right: 6px;
     display: block;
   }
-  .line:hover .lineno a {
+  tr.line:hover td.lineno a {
     color: #333 !important;
   }
   /** CODE **/