diff options
author | Patrick G <geek1011@outlook.com> | 2017-05-24 02:00:40 -0400 |
---|---|---|
committer | Bo-Yi Wu <appleboy.tw@gmail.com> | 2017-05-24 14:00:40 +0800 |
commit | 98ae013e901927bc2ce4fffd6d10b4b964c49cd6 (patch) | |
tree | e56931ea97612e1cbe49d7d5216e3a4bc0984a8c /public/less | |
parent | 7b907ed348595e45d2d69cdabf70bfbbbb41c3ee (diff) | |
download | gitea-98ae013e901927bc2ce4fffd6d10b4b964c49cd6.tar.gz gitea-98ae013e901927bc2ce4fffd6d10b4b964c49cd6.zip |
Make navbar scroll on overflow (#1777)
* Scrollbars on overflow of horizontal nav
* Update _base.less
* Add fade out on right side of overflowing nav
* Update _base.less
Diffstat (limited to 'public/less')
-rw-r--r-- | public/less/_base.less | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/public/less/_base.less b/public/less/_base.less index 7008b5c918..757da2a66b 100644 --- a/public/less/_base.less +++ b/public/less/_base.less @@ -420,3 +420,40 @@ footer { background-color: #FAFAFA !important; border-width: 1px !important; } + +@media only screen and (max-width: 1200px) { + .ui.menu.new-menu { + overflow-x: auto !important; + justify-content: left !important; + padding-bottom: 5px; + } + .ui.menu.new-menu::-webkit-scrollbar { + height: 8px; + display: none; + } + .ui.menu.new-menu:hover::-webkit-scrollbar { + display: block; + } + .ui.menu.new-menu::-webkit-scrollbar-track { + background: rgba(0,0,0,0.01); + } + .ui.menu.new-menu::-webkit-scrollbar-thumb { + background:rgba(0,0,0,0.2); + } + .ui.menu.new-menu:after { + position: absolute; + margin-top: -15px; + display: block; + background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%); + content: ' '; + right: 0; + height: 53px; + z-index: 1000; + width: 60px; + clear: none; + visibility: visible; + } + .ui.menu.new-menu a.item:last-child { + padding-right: 30px !important; + } +} |