Update diaog design draft
authorDavid Walsh <dwalsh@mozilla.com>
Tue, 10 May 2016 10:46:55 -0500
changeset 8086 da0a4986689db6a76cd88595b90874d6af0f58bf
parent 8078 e6b62eaa3686e617371c132026752fe13d8a3fa9
child 8087 c799332a1e42e52c0878c3d8b4e35dfc77ddf20f
push id816
push userbmo:dwalsh@mozilla.com
push dateTue, 10 May 2016 16:39:07 +0000
Update diaog design MozReview-Commit-ID: 2edJU4fYHF9
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
@@ -158,17 +158,17 @@ body.datagrid-page #page-container .data
 body.datagrid-page #page-container .datagrid-body .datagrid-headers {
   border-bottom: 0;
 }
 
 .datagrid tr.datagrid-empty-row {
   visibility: hidden;
 }
 
-.datagrid-titlebox ul li a {
+.datagrid-titlebox ul li a, a.markdown-info {
   color: #777;
 }
 
 #page-container #page_sidebar .page-sidebar-items li .page-sidebar-row {
   font-size: 14px;
 }
 
 body.datagrid-page #page-container .datagrid tbody td, body.datagrid-page #page-container .datagrid tbody th,
@@ -179,16 +179,21 @@ body.datagrid-page #page-container .data
 body.datagrid-page #page-container .datagrid tbody tr:hover {
   background: #EAEFF2;
 }
 
 body.datagrid-page #page-container .datagrid-wrapper .datagrid-titlebox {
   margin-left: 0;
 }
 
+.review-request #review_request_details {
+  border-left: 1px solid #EAEFF2;
+  padding: 0 20px;
+}
+
 /* Review Requests */
 .review-request {
   .main {
     background: #fff;
     border: 0;
   }
 
   .content .field-container > pre {
@@ -258,8 +263,28 @@ body.datagrid-page #page-container .data
   .review .box-inner {
     border: 1px #D4DDE4 solid;
   }
 
   .box:before {
     border-right-color: #D4DDE4;
   }
 }
+
+/* Dialogs */
+.modalbox-inner, .modalbox-title, .modalbox {
+  background-image: none;
+  border-radius: 0;
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+}
+
+.modalbox-title {
+  background: #D4DDE4;
+}
+
+.modalbox-inner {
+  background: #eaeff2;
+}
+
+.modalbox-bg {
+  background: rgba(255, 255, 255, 0.6) !important; /* overriding JS */
+}