Add new logo and styles for logo display draft
authorDavid Walsh <dwalsh@mozilla.com>
Wed, 18 May 2016 14:36:33 -0500
changeset 8143 babf535f53d8223c19e796892a7ccebaf8a956ce
parent 8087 c799332a1e42e52c0878c3d8b4e35dfc77ddf20f
child 8144 a26af3200b2d2914f61dcdbf30a3c2fef44ad933
push id839
push userbmo:dwalsh@mozilla.com
push dateWed, 18 May 2016 20:46:21 +0000
Add new logo and styles for logo display MozReview-Commit-ID: DvbPSOkofDd
pylib/mozreview/mozreview/static/mozreview/css/common.less
pylib/mozreview/mozreview/static/mozreview/js/default.js
pylib/mozreview/mozreview/static/mozreview/logo.png
--- a/pylib/mozreview/mozreview/static/mozreview/css/common.less
+++ b/pylib/mozreview/mozreview/static/mozreview/css/common.less
@@ -2,16 +2,22 @@
 #accountnav li {
   visibility: hidden;
 }
 
 /*
   Redesign below
 */
 
+.border-radius(...) {
+  -moz-border-radius: @arguments;
+  -webkit-border-radius: @arguments;
+  border-radius: @arguments;
+}
+
 body {
   background: #EAEFF2;
   font-size: 12px;
   font-family: 'Open Sans', Arial, sans-serif;
   padding-top: 8px;
 }
 
 
@@ -21,24 +27,36 @@ body {
 
 /* Logo and Title */
 #headerbar {
   #title {
     font-weight: bold;
     font-size: 140%;
   }
 
-  #logo {
-    width: 56px;
+  #rbinfo a {
+      display: block;
+      width: 56px;
+      height: 56px;
+      background: url("../logo.png") 0 0 no-repeat;
+      background-size: contain;
+      position: absolute;
+      top: 3px;
+      left: 8px;
+      z-index: 50;
+
+      img {
+          display: none;
+      }
   }
 }
 
 @media screen and (max-width: 720px), screen and (max-device-width: 720px) and (orientation: landscape) {
-  #headerbar #logo {
-    width: 32px;
+  #headerbar #rbinfo a {
+    display: none;
   }
 }
 
 /* Account Navigation */
 #accountnav li {
   /* background colors on hover; set twice for reviewable-page :( */
   &:hover,
   &:hover > a,
@@ -46,19 +64,19 @@ body {
   ul:hover,
   .reviewable-page &:hover,
   .reviewable-page & ul {
     background: #fff;
     border-color: #fff;
   }
 
   ul {
-    border-radius: 0;
-    -webkit-border-radius: 0;
-    -moz-border-radius: 0;
+    .border-radius(0);
+
+
     min-width: 150px;
     border-color: #D4DDe4;
   }
 
   &:hover ul,
   .reviewable-page &:hover ul {
     margin-top: -1px;
     border-color:#eaeff2;
@@ -94,61 +112,61 @@ body {
 #navbar-container {
   border-bottom: 1px solid #D4DDE4;
 }
 
 
 /* Search Bar */
 #headerbar #search input,
 .reviewable-page #headerbar #search input {
-  border-radius: 0;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
+  .border-radius(0);
+
+
   padding: 3px 6px;
   border-color: #bbb;
 }
 
 
 /* Data Grids */
 #page-container #page_sidebar .page-sidebar-items li.has-url:hover .page-sidebar-row,
 #page-container #page_sidebar .page-sidebar-items li.active .page-sidebar-row {
-  border-radius: 0;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
+  .border-radius(0);
+
+
 }
 
 #page-container #page_sidebar .page-sidebar-items li.active .page-sidebar-row,
 #page-container #page_sidebar .page-sidebar-items li.active.has-url:hover .page-sidebar-row {
   border: 0 !important;
 }
 
 body.datagrid-page #page-container .datagrid-main {
   border: 0 !important;
 }
 
 body.datagrid-page #page-container .datagrid-head,
 body.datagrid-page #page-container .datagrid-body .datagrid-headers {
-  border-radius: 0;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
+  .border-radius(0);
+
+
 }
 
 #page-container #page_sidebar .page-sidebar-items li.has-url:hover .page-sidebar-row {
   border-color: transparent !important;
   background: rgba(255, 255, 255, 0.6);
 }
 
 #page-container .datagrid-header, .datagrid-header-drag.datagrid-header {
   background: #D4DDE4;
 }
 
 body.datagrid-page #page-container .datagrid-main {
-  border-radius: 0;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
+  .border-radius(0);
+
+
 }
 
 body.datagrid-page #page-container .datagrid-header:first-child {
   border-top-left-radius: 0;
 }
 
 body.datagrid-page #page-container .datagrid-header:last-child {
   border-top-right-radius: 0;
@@ -203,34 +221,34 @@ body.datagrid-page #page-container .data
 
 /* Review Actions Bar */
 .actions-container, .actions.page-tabs {
   background: #D4DDe4;
   border: 0;
 }
 
 .actions-container {
-  border-radius: 0;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
+  .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;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
+  .border-radius(0);
+
+
 }
 
 .actions li.has-menu:hover,
 .actions a:hover,
 .actions .menu,
 .actions-left li:hover {
   background-color: #D4DDE4;
 }
@@ -249,61 +267,61 @@ body.datagrid-page #page-container .data
 
 /* Review Banners */
 .banner {
   border-bottom: 0;
 }
 
 /* Review Comments */
 .box, .box-inner {
-  border-radius: 0;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
+  .border-radius(0);
+
+
 }
 
 #reviews {
   .review .box-inner {
     border: 1px #D4DDE4 solid;
   }
 
   .box:before {
     border-right-color: #D4DDE4;
   }
 }
 
 /* Diffs in Reviews */
 #diffs .diff-box {
-  border-radius: 0;
-  -moz-border-radius: 0;
-  -webkit-border-radius: 0;
+  .border-radius(0);
+
+
   border: 0;
 }
 
 .sidebyside thead .filename-row th {
   background: #d4dde4;
 }
 
 /* Dialogs */
 .modalbox-inner, .modalbox-title, .modalbox {
   background-image: none;
-  border-radius: 0;
-  -moz-border-radius: 0;
-  -webkit-border-radius: 0;
+  .border-radius(0);
+
+
 }
 
 .modalbox-title {
   background: #D4DDE4;
 }
 
 .modalbox-inner {
   background: #eaeff2;
 }
 
 .modalbox-bg {
   background: rgba(255, 255, 255, 0.6) !important; /* overriding JS */
 }
 
 /* Comment Dialogs */
 .comment-dlg {
-  border-radius: 0;
-  -moz-border-radius: 0;
-  -webkit-border-radius: 0;
+  .border-radius(0);
+
+
 }
--- a/pylib/mozreview/mozreview/static/mozreview/js/default.js
+++ b/pylib/mozreview/mozreview/static/mozreview/js/default.js
@@ -2,11 +2,11 @@
   // Hide "New Review Request" link
   $('#navbar a[href="/r/new/"]').parent('li').hide();
 
   // Fix logout url
   $("a[href='/account/logout/']").attr("href", "/mozreview/logout/");
   $("#accountnav li").css("visibility", "visible");
 
   /* DW attempt at a redesign */
-  $('#logo').attr('src', 'http://people.mozilla.org/~faaborg/files/shiretoko/firefoxIcon/firefox-512-noshadow.png');
+  $('#logo').attr('src', '/static/ext/mozreview.extension.MozReviewExtension/mozreview/logo.png');
   $('#headerbar #title').html('Mozilla Review Board');
 });
new file mode 100644
index 0000000000000000000000000000000000000000..7f5e2661645ef27c9eba467988fbe86bd0ecad58
GIT binary patch
literal 922
zc$@*617-Y)P)<h;3K|Lk000e1NJLTq001}u001ip1^@s6EyPPJ00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmYE+YT{E+YYWr9XB6000McNliru-~|#A5i)Gdq{sjO11CvD
zK~!ko?b^?a97Pz$@z4A)CK%Bus8K}Ggjx1r79%9!K@dENGnYXH!6+U)<lsLbc<`bi
z{x~Rzpof4W*1>KC1r-tEQ4bLkHiEhkv#zYGK|`Y1nenhSFg86sJ(Jylp&uxi>8^gN
zzFluuy;L_dsNLz7IyTMut@5fBnWRa`9;;)JCSg!er-?@N?qPjcf7~?%UXAEgM<2a3
z3B5_z<pK`xN=_qJ;W}K8J8?2i!gr&_?N0Y<+=Ls@!i~5BXYd1-a5_!GYPM6^cH5oq
z&JnM@@%NQDkLBpMg5@*`XD30{@+!1D-QBnqx8oih!~tx>yJ-?08-YK7HXg*DF*our
ze1iAzX_|y{Ibb_tJ43I%1(A0WAII`lnuPv1$k7q3VF8cEQCPrjIp!yDA9msyJb`OU
zJ`(GA6VInfSQ%;i4jjgl*fqs;u!`65LYjp0d62bCI6jQ`Cz$?%BiN7o&8ClVC{4oe
z?N0X~Uc$X**BfaP4(FX{3`2Br@wnF9{2+$O%>`!Lad#Z$S=GXx*4+FW-oZW>r+uxt
z`K86h<Hv?9<3{jWyoSeZy?Xd9P9~e7Z_^~~&mOFg{z;SY2Tr*(YHT7L+|urJ7YYHR
z*8D%U9e0fd9LWyOPHB7rKjBq$<HU0aU(V3U^*A#g!Bcny&&Bm`lD5UA?LTUcgy-<*
zKQU{lmw1N0$IEFF-pa{LKEnr7%#O==8!x6w_%q{m6kn7G`CVl~bUl_ya3A7<AzV&=
zxDprlG7<1O9!it&>=3Tq>5h8-7}wt-)v==t;2@SFE#Z|k38#h~$u6*I68bn@0`LT$
zPLuFWHg(HHRT-~l8Njkrd?TkL+2{FO39mK$JRzs-mGr7@7GR-9I@yb5QfM{v68%h6
z^=IkJmH<u}?pvz5%Ul&;1y})AfE8c`SOHdm6<`He0akz&U<FtKR)7`YrB`#p`Me#m
z+Kg>otk<A~&!7z8ulU-=i~qd6$cBxb?K34hwTh!QK1k?~xxvRw-aEZuV+VXU{vK0j
w_^xEU;(PkiD*9e!nr~T(>d)X)Q|U6&zY?b+2X)z;YybcN07*qoM6N<$g8n3|RsaA1