--- 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