summaryrefslogtreecommitdiffstats
path: root/skins/standard
diff options
context:
space:
mode:
authorKohei Yoshino <kohei.yoshino@gmail.com>2018-01-08 20:52:22 +0100
committerDylan William Hardison <dylan@hardison.net>2018-01-08 20:52:22 +0100
commit91dc6dc99fa7a699e0b8e822a5c294509c9e9eb7 (patch)
tree01ab20bc979b3703856b776643c638f8b300f84d /skins/standard
parent9b3834764b26d0a806b72fdc3657075b7ab9c7c0 (diff)
downloadbugzilla-91dc6dc99fa7a699e0b8e822a5c294509c9e9eb7.tar.gz
bugzilla-91dc6dc99fa7a699e0b8e822a5c294509c9e9eb7.tar.xz
Bug 1428641 - Implement Requests quick look dropdown on global header
Diffstat (limited to 'skins/standard')
-rw-r--r--skins/standard/global.css88
1 files changed, 88 insertions, 0 deletions
diff --git a/skins/standard/global.css b/skins/standard/global.css
index ea25eb88a..48e4754ab 100644
--- a/skins/standard/global.css
+++ b/skins/standard/global.css
@@ -311,6 +311,94 @@
background-color: transparent;
}
+ #header .dropdown-panel {
+ padding: 0 !important;
+ width: 400px;
+ max-width: none !important;
+ }
+
+ #header .dropdown-panel header {
+ border-bottom: 1px solid #CCC;
+ }
+
+ #header .dropdown-panel h2 {
+ margin: 0;
+ padding: 8px 12px;
+ font-size: 14px;
+ line-height: 100%;
+ font-weight: normal;
+ }
+
+ #header .dropdown-panel ul {
+ overflow-y: auto;
+ margin: 0;
+ padding: 0;
+ max-height: 480px;
+ list-style-type: none;
+ }
+
+ #header .dropdown-panel li:not(:last-child) {
+ border-bottom: 1px solid #CCC;
+ }
+
+ #header .dropdown-panel li a {
+ padding: 12px !important;
+ }
+
+ #header .dropdown-panel li a:hover {
+ background-color: rgba(0, 0, 0, .05) !important;
+ }
+
+ #header .dropdown-panel li a * {
+ pointer-events: none;
+ }
+
+ #header .dropdown-panel .notifications img {
+ float: left;
+ border-radius: 50%;
+ width: 40px;
+ height: 40px;
+ }
+
+ #header .dropdown-panel .notifications img ~ * {
+ display: block;
+ margin-left: 52px;
+ }
+
+ #header .dropdown-panel .notifications label {
+ overflow: hidden;
+ max-height: 40px;
+ }
+
+ #header .dropdown-panel .notifications strong {
+ font-weight: 600;
+ }
+
+ #header .dropdown-panel .notifications time {
+ font-size: 12px;
+ color: #999;
+ }
+
+ #header .dropdown-panel .loading,
+ #header .dropdown-panel .empty {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 240px;
+ line-height: 150%;
+ text-align: center;
+ }
+
+ #header .dropdown-panel footer {
+ border-top: 1px solid #CCC;
+ text-align: center;
+ }
+
+ #header .dropdown-panel footer a {
+ padding: 8px 16px !important;
+ line-height: 100% !important;
+ }
+
#header-search h2 {
position: absolute;
left: -99999px;