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 8602 96ce3e3502188fb960f7eae4d23a0d860ef6e2e3
parent 8601 19751ae5bfc8644d72014e4596649459f7b06873
child 8603 8bf78ae198669ca1f04fb9c7265be701b99a33ec
push id943
push userbmo:dwalsh@mozilla.com
push dateFri, 24 Jun 2016 17:39:03 +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;
+  }
+}