diff options
author | Kohei Yoshino <kohei.yoshino@gmail.com> | 2018-09-24 21:55:28 +0200 |
---|---|---|
committer | Dylan William Hardison <dylan@hardison.net> | 2018-09-24 21:55:28 +0200 |
commit | b3ad67dc224403c463fbea5ddb5f01dcacf3cb02 (patch) | |
tree | bfaf21cf064c0b41efd68dbe678baf182ce802d1 /extensions/BMO/web/styles/choose_product.css | |
parent | 8047b0395f5175da934f3aaf09b15a15d83da755 (diff) | |
download | bugzilla-b3ad67dc224403c463fbea5ddb5f01dcacf3cb02.tar.gz bugzilla-b3ad67dc224403c463fbea5ddb5f01dcacf3cb02.tar.xz |
Bug 1473417 - Show often/recently used products/components on New Bug page
Diffstat (limited to 'extensions/BMO/web/styles/choose_product.css')
-rw-r--r-- | extensions/BMO/web/styles/choose_product.css | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/extensions/BMO/web/styles/choose_product.css b/extensions/BMO/web/styles/choose_product.css index 5fd8c49e7..a4ecf749f 100644 --- a/extensions/BMO/web/styles/choose_product.css +++ b/extensions/BMO/web/styles/choose_product.css @@ -16,6 +16,22 @@ text-align: left; } +#frequent-components ul { + display: flex; + flex-wrap: wrap; + justify-content: center; + margin: 8px auto; + padding: 0; + list-style-type: none; + white-space: nowrap; +} + +#frequent-components li { + flex: none; + margin: 8px 16px; + padding: 0; +} + #product-list { margin: 32px 0; } @@ -55,6 +71,7 @@ } @media screen and (min-width: 1024px) { + #frequent-components ul, #product-list .tile { width: 960px; } @@ -65,6 +82,7 @@ } @media screen and (min-width: 768px) and (max-width: 1023px) { + #frequent-components ul, #product-list .tile { width: 720px; } @@ -75,6 +93,7 @@ } @media screen and (max-width: 767px) { + #frequent-components ul, #product-list .tile { width: auto; max-width: 480px; |