MozReview: Update Review Request page, banner, and comments styles (Bug 1056377). r?smacleod draft
authorDavid Walsh <dwalsh@mozilla.com>
Fri, 24 Jun 2016 10:44:27 -0500
changeset 8780 85bcf4c321ae7a3f1b3395ee7f20814ee2f5377d
parent 8779 7480da88772eb611545649fc3afd074f4308d430
child 8781 0d70635aa5a6eeeafa7560c86f9573d67896e35d
push id991
push userbmo:dwalsh@mozilla.com
push dateMon, 11 Jul 2016 18:43:30 +0000
reviewerssmacleod
bugs1056377
MozReview: Update Review Request page, banner, and comments styles (Bug 1056377). r?smacleod MozReview-Commit-ID: 3eK95BolcMS
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
@@ -131,8 +131,95 @@ body {
 
 /* Search Bar */
 #headerbar #search input,
 .reviewable-page #headerbar #search input {
   .border-radius(0);
   padding: 3px 6px;
   border-color: #bbb;
 }
+
+/* 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;
+  }
+}