From 291bb971595489070ed8db3da1785f5a3977a15a Mon Sep 17 00:00:00 2001 From: Kohei Yoshino Date: Wed, 26 Sep 2018 11:29:19 -0400 Subject: Bug 1489718 - Insert form widgets for approval flag requests instead of free-form comment text --- skins/standard/global.css | 61 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 61 insertions(+) (limited to 'skins/standard/global.css') diff --git a/skins/standard/global.css b/skins/standard/global.css index e7028f892..81a420077 100644 --- a/skins/standard/global.css +++ b/skins/standard/global.css @@ -1110,6 +1110,67 @@ select, select[multiple] { font-size: 12px; } +.buttons.toggle[role="radiogroup"] { + display: inline-flex; +} + +.buttons.toggle[role="radiogroup"] .item { + display: flex; +} + +.buttons.toggle[role="radiogroup"] input[type="radio"] { + position: absolute; + left: -99999px; +} + +.buttons.toggle[role="radiogroup"] label { + display: flex; + align-items: center; + justify-content: center; + position: relative; + z-index: 1; + border: 1px solid #B2B2B2; + padding: 4px 12px; + min-width: 1em; + min-height: 1em; + background-color: #FFF; + box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .1); + -moz-user-select: none; + -webkit-user-select: none; + user-select: none; +} + +.buttons.toggle[role="radiogroup"] .item:first-child label { + border-radius: 4px 0 0 4px; +} + +.buttons.toggle[role="radiogroup"] .item:last-child label { + border-radius: 0 4px 4px 0; +} + +.buttons.toggle[role="radiogroup"] .item:not(:first-child) label { + margin-left: -1px; + border-left-color: #D2D2D2; +} + +.buttons.toggle[role="radiogroup"] .item:not(:last-child) label { + border-right-color: #D2D2D2; +} + +.buttons.toggle[role="radiogroup"] input[type="radio"]:checked + label { + z-index: 2; + border-color: #B2B2B2; + color: #111; + background-color: #DDD; + box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2); +} + +.buttons.toggle[role="radiogroup"] input[type="radio"]:focus + label { + z-index: 2; + border-color: #42A4E0; + box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2), 0 0 0 2px rgba(73, 173, 227, .4); +} + hr { border: none; height: 1px; -- cgit v1.2.3-24-g4f1b From 7e6845e954da409b07d9e8ccb8c1e1ea6df6cfde Mon Sep 17 00:00:00 2001 From: Kohei Yoshino Date: Mon, 1 Oct 2018 11:46:40 -0400 Subject: Bug 1418378 - Use Material Icons on Bugzilla home page instead of low-res images --- skins/standard/global.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'skins/standard/global.css') diff --git a/skins/standard/global.css b/skins/standard/global.css index 81a420077..adea088a0 100644 --- a/skins/standard/global.css +++ b/skins/standard/global.css @@ -243,7 +243,7 @@ } #header .link-file .icon::before { - content: '\E254'; + content: '\E89C'; } #header .link-dashboard .icon::before { -- cgit v1.2.3-24-g4f1b From 9263b7453169816c23b6f307fd225f3676d57a3a Mon Sep 17 00:00:00 2001 From: Kohei Yoshino Date: Sat, 13 Oct 2018 00:32:10 -0400 Subject: Bug 1498436 - Move site-wide message to global header --- skins/standard/global.css | 55 ++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 47 insertions(+), 8 deletions(-) (limited to 'skins/standard/global.css') diff --git a/skins/standard/global.css b/skins/standard/global.css index adea088a0..3ccf6e8fb 100644 --- a/skins/standard/global.css +++ b/skins/standard/global.css @@ -79,6 +79,52 @@ } /* fixed global header (end) */ +/* global message (begin) */ + #message-container { + text-align: center; + line-height: 1.5; + } + + #message-container .inner { + box-sizing: border-box; + margin: 0 auto; + padding: 8px; + width: 1024px; + } + + #message-container p { + margin: 0; + } + + #message-container .noscript { + color: #EEE; + background-color: #333; + } + + #message-container .warning { + color: #EEE; + background-color: #C00; + } + + #message-container .announcement { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + color: #555; + background-color: lightyellow; + } + + #message-container .announcement p.warning { + color: red; + } + + /* Reset legacy style */ + #message-container .announcement #message { + margin: 0; + border: 0; + padding: 0; + color: #555; + } +/* global message (end) */ + /* header (begin) */ #header { flex: none; @@ -404,6 +450,7 @@ /* narrower global header (begin) */ @media screen and (max-width: 1024px) { + #message-container .inner, #header .inner { width: 800px; } @@ -1183,14 +1230,6 @@ hr { display: none; } -#mfa-warning { - flex: none; - margin: 0 -15px; - padding: 10px 15px; - color: #FFF; - background-color: #FF5300; -} - #bugzilla-body { flex: auto; position: relative; -- cgit v1.2.3-24-g4f1b