diff options
| author | Cirno the Strongest <1447794+CirnoT@users.noreply.github.com> | 2020-05-30 01:15:25 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-05-30 00:15:25 +0100 |
| commit | 4395c607ed79985602a99dda251f090fbd2f5cf9 (patch) | |
| tree | 67a4aa5c4e4a1b39dc25ec4e78fdf16d0e9f4b1e /web_src | |
| parent | 495354c4bd9053aa7d4cc06d9b8bcf7ad55112da (diff) | |
| download | gitea-4395c607ed79985602a99dda251f090fbd2f5cf9.tar.gz gitea-4395c607ed79985602a99dda251f090fbd2f5cf9.zip | |
Make tabular menu styling consistent for arc-green (#11570)
* Make tabular menu styling consistent for arc-green
* rework completely
* transparent borders
* use darker color for active item; override only colors for borders
* Update web_src/less/themes/theme-arc-green.less
Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: zeripath <art27@cantab.net>
Diffstat (limited to 'web_src')
| -rw-r--r-- | web_src/less/themes/theme-arc-green.less | 52 |
1 files changed, 24 insertions, 28 deletions
diff --git a/web_src/less/themes/theme-arc-green.less b/web_src/less/themes/theme-arc-green.less index 5dea3b5e91..d7760b32ed 100644 --- a/web_src/less/themes/theme-arc-green.less +++ b/web_src/less/themes/theme-arc-green.less @@ -385,22 +385,6 @@ a.ui.basic.green.label:hover { background-color: #2a2e3a; } -.ui.tabular.menu .active.item { - background: #383c4a; - color: #dbdbdb; - border-left: 1px solid transparent; - border-right: 1px solid transparent; - border-top: 0; -} - -.ui.tabular.menu .item { - color: #9e9e9e; -} - -.ui.tabular.menu .item:hover { - color: #dbdbdb; -} - .ui.header, .ui.breadcrumb .divider { color: #9e9e9e; @@ -531,15 +515,31 @@ a.ui.basic.green.label:hover { border-bottom: 1px solid #304251; } -.repository.wiki.new .ui.container form .ui.tabular.menu { - border-bottom: 1px solid rgba(187, 187, 187, .6); +.ui.tabular.menu { + border-bottom-color: rgba(187, 187, 187, .24); + + .item.active { + border-top-color: transparent; + border-left-color: transparent; + border-right-color: transparent; + background: #404552; + color: #dbdbdb; + } + + .item { + color: #9e9e9e; + } + + .item:hover { + color: #dbdbdb; + } - .active.item { - border-top: 1px solid rgba(187, 187, 187, .6); - border-left: 1px solid rgba(187, 187, 187, .6); - border-right: 1px solid rgba(187, 187, 187, .6); - &:hover { - background: #4b5162; + &.navbar { + .item.active { + background: #383c4a; + border-left-color: transparent; + border-right-color: transparent; + border-top: none; } } } @@ -829,10 +829,6 @@ a.ui.basic.green.label:hover { color: #dbdbdb !important; } -.ui.tabular.menu { - border-bottom: 1px solid #313c47; -} - .ui.card, .ui.cards > .card { background: #353945; |