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>
This commit is contained in:
Cirno the Strongest 2020-05-30 01:15:25 +02:00 committed by GitHub
parent 495354c4bd
commit 4395c607ed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -385,22 +385,6 @@ a.ui.basic.green.label:hover {
background-color: #2a2e3a; 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.header,
.ui.breadcrumb .divider { .ui.breadcrumb .divider {
color: #9e9e9e; color: #9e9e9e;
@ -531,15 +515,31 @@ a.ui.basic.green.label:hover {
border-bottom: 1px solid #304251; border-bottom: 1px solid #304251;
} }
.repository.wiki.new .ui.container form .ui.tabular.menu { .ui.tabular.menu {
border-bottom: 1px solid rgba(187, 187, 187, .6); border-bottom-color: rgba(187, 187, 187, .24);
.active.item { .item.active {
border-top: 1px solid rgba(187, 187, 187, .6); border-top-color: transparent;
border-left: 1px solid rgba(187, 187, 187, .6); border-left-color: transparent;
border-right: 1px solid rgba(187, 187, 187, .6); border-right-color: transparent;
&:hover { background: #404552;
background: #4b5162; color: #dbdbdb;
}
.item {
color: #9e9e9e;
}
.item:hover {
color: #dbdbdb;
}
&.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; color: #dbdbdb !important;
} }
.ui.tabular.menu {
border-bottom: 1px solid #313c47;
}
.ui.card, .ui.card,
.ui.cards > .card { .ui.cards > .card {
background: #353945; background: #353945;