MozReview: Update Review Request page, banner, and comments styles (Bug 1056377). r?smacleod draft
authorDavid Walsh <dwalsh@mozilla.com>
Mon, 11 Jul 2016 15:13:41 -0500
changeset 8998 90702e22fe536303d8608d29ea76b539e3663d3c
parent 8997 516fd42c9b512a5d162e5a7d06b79bd4f8de91f3
child 8999 e14617ae723b2845496b068eab3092ab419be89a
push id1045
push userbmo:dwalsh@mozilla.com
push dateThu, 21 Jul 2016 15:22:19 +0000
reviewerssmacleod
bugs1056377
MozReview: Update Review Request page, banner, and comments styles (Bug 1056377). r?smacleod MozReview-Commit-ID: AjLWPvTWWjV
pylib/mozreview/mozreview/extension.py
pylib/mozreview/mozreview/static/mozreview/css/mozilla-theme-reviews.less
--- a/pylib/mozreview/mozreview/extension.py
+++ b/pylib/mozreview/mozreview/extension.py
@@ -136,17 +136,18 @@ class MozReviewExtension(Extension):
     ]
 
     css_bundles = {
         'default': {
             'source_filenames': ['mozreview/css/mozilla-theme.less',
                                  'mozreview/css/common.less'],
         },
         'review': {
-            'source_filenames': ['mozreview/css/review.less',
+            'source_filenames': ['mozreview/css/mozilla-theme-reviews.less',
+                                 'mozreview/css/review.less',
                                  'mozreview/css/commits.less'],
         },
         'viewdiff': {
             'source_filenames': ['mozreview/css/viewdiff.less'],
         },
         'admin': {
             'source_filenames': ['mozreview/css/admin.less'],
         },
new file mode 100644
--- /dev/null
+++ b/pylib/mozreview/mozreview/static/mozreview/css/mozilla-theme-reviews.less
@@ -0,0 +1,88 @@
+@import (reference) 'mozilla-theme-common.less';
+
+/* Review Requests */
+.review-request {
+  .main {
+    background: #fff;
+    border: 0;
+    border-radius: 0;
+  }
+
+  .content .field-container > pre {
+    border: 1px dashed #999;
+  }
+}
+
+.reviewable-page #mozreview-child-requests > thead > tr > .status,
+.reviewable-page #mozreview-child-requests > tbody > tr > .status {
+  min-width: 50px;
+}
+
+/* Review Actions Bar */
+.actions-container, .actions.page-tabs {
+  background: @moz-blue-dark;
+  border: 0;
+}
+
+.actions-container {
+  .border-radius(0);
+}
+
+.review-request-header,
+.actions.page-tabs li {
+  border-bottom: 0;
+}
+
+.actions.page-tabs li.active {
+  border: 0;
+}
+
+.actions.page-tabs {
+  .border-radius(0);
+}
+
+.actions-left li:hover,
+.actions li:hover,
+.actions .menu,
+.actions .menu li,
+.actions-right-container > li > .actions-right,
+.actions-right-container > li > .actions-right li {
+  background-color: @moz-blue-dark;
+}
+
+.actions-left .rb-icon.star {
+  margin: 8px 5px;
+}
+
+.actions-right-container > li > .actions-right {
+  border: 0;
+}
+
+.actions .menu li:hover,
+.actions-right-container > li > .actions-right li:hover {
+  background: @moz-blue-light;
+}
+
+.actions .menu {
+  border: 0;
+}
+
+/* Review Banners */
+.banner {
+  border-bottom: 0;
+}
+
+/* Review Comments */
+.box, .box-inner {
+  .border-radius(0);
+}
+
+#reviews {
+  .review .box-inner {
+    border: 1px @moz-blue-dark solid;
+  }
+
+  .box:before {
+    border-right-color: @moz-blue-dark;
+  }
+}