MozReview: Update Diff Viewer and grid styles (Bug 1056377). r?smacleod draft
authorDavid Walsh <dwalsh@mozilla.com>
Fri, 24 Jun 2016 10:50:14 -0500
changeset 8781 0d70635aa5a6eeeafa7560c86f9573d67896e35d
parent 8780 85bcf4c321ae7a3f1b3395ee7f20814ee2f5377d
child 8782 dbd33d94f8b676af8d681ce2c3ec7659b1bb5e8c
push id991
push userbmo:dwalsh@mozilla.com
push dateMon, 11 Jul 2016 18:43:30 +0000
reviewerssmacleod
bugs1056377
MozReview: Update Diff Viewer and grid styles (Bug 1056377). r?smacleod MozReview-Commit-ID: FO3CA1yQ1rC
pylib/mozreview/mozreview/static/mozreview/css/common.less
--- a/pylib/mozreview/mozreview/static/mozreview/css/common.less
+++ b/pylib/mozreview/mozreview/static/mozreview/css/common.less
@@ -218,8 +218,159 @@ body {
   .review .box-inner {
     border: 1px @moz-blue-dark solid;
   }
 
   .box:before {
     border-right-color: @moz-blue-dark;
   }
 }
+
+/* Diff Tables and Data Grids */
+#page-container {
+  #page_sidebar {
+    .page-sidebar-items {
+      li.has-url {
+        &:hover {
+          .page-sidebar-row {
+            .border-radius(0);
+            background: rgba(255, 255, 255, 0.6);
+            border-color: transparent !important;
+          }
+        }
+      }
+
+      li.active {
+        .page-sidebar-row {
+          .border-radius(0);
+          border: 0 !important;
+        }
+      }
+
+      li.active.has-url {
+        &:hover {
+          .page-sidebar-row {
+            border: 0 !important;
+          }
+        }
+      }
+
+      li {
+        .page-sidebar-row {
+          font-size: 14px;
+        }
+      }
+    }
+  }
+
+  .datagrid-header {
+    background: @moz-blue-dark;
+  }
+}
+body.datagrid-page {
+  #page-container {
+    .datagrid-main {
+      .border-radius(0);
+      border: 0 !important;
+    }
+
+    .datagrid-head {
+      .border-radius(0);
+      border-bottom: 0;
+    }
+
+    .datagrid-body {
+      .datagrid-headers {
+        .border-radius(0);
+        border-bottom: 0;
+      }
+    }
+
+    .datagrid-header {
+      &:first-child {
+        border-top-left-radius: 0;
+      }
+      &:last-child {
+        border-top-right-radius: 0;
+      }
+    }
+
+    .datagrid {
+      tbody {
+        td {
+          padding: 10px;
+        }
+        th {
+          padding: 10px;
+        }
+        tr {
+          &:hover {
+            background: @moz-blue-light;
+          }
+        }
+      }
+    }
+
+    .datagrid-wrapper {
+      .datagrid-titlebox {
+        margin-left: 0;
+      }
+    }
+
+
+    .datagrid-title-tabs .datagrid-tab {
+      border: 0;
+
+      &.active {
+        background: #d4dde4;
+      }
+
+      &:first-child {
+        border-top-left-radius: 0;
+      }
+
+      &:last-child {
+        border-top-right-radius: 0;
+      }
+    }
+  }
+}
+
+.datagrid-header-drag.datagrid-header {
+  background: @moz-blue-dark;
+}
+
+.datagrid tr.datagrid-empty-row {
+  visibility: hidden;
+}
+
+.datagrid-titlebox ul li a, a.markdown-info {
+  color: #777;
+}
+
+.datagrid-header {
+  padding: 10px;
+}
+
+#view_controls {
+  font-size: 12px;
+}
+
+.review-request #review_request_details {
+	border-left: 1px solid @moz-blue-light;
+	padding: 0 20px;
+}
+
+/* Diffs in Reviews */
+#diffs .diff-box {
+  .border-radius(0);
+  border: 0;
+}
+
+.sidebyside thead {
+  .filename-row th {
+    background: @moz-blue-dark;
+  }
+
+  .revision-row th .rb-icon {
+    vertical-align: sub;
+  }
+}