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>release/v1.15
parent
495354c4bd
commit
4395c607ed
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue