Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Make tabular menu styling consistent for arc-green #11570

Merged
merged 7 commits into from
May 29, 2020
Merged

Make tabular menu styling consistent for arc-green #11570

Changes from 4 commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
a590560
Make tabular menu styling consistent for arc-green
CirnoT May 23, 2020
c878f80
rework completely
CirnoT May 23, 2020
e14ca05
transparent borders
CirnoT May 23, 2020
2a7641c
use darker color for active item; override only colors for borders
CirnoT May 23, 2020
6fea9c8
Update web_src/less/themes/theme-arc-green.less
CirnoT May 24, 2020
e92667b
Merge branch 'master' into arc-green_tabular
zeripath May 29, 2020
139bf6d
Merge branch 'master' into arc-green_tabular
zeripath May 29, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 24 additions & 28 deletions web_src/less/themes/theme-arc-green.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down Expand Up @@ -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: 0;
CirnoT marked this conversation as resolved.
Show resolved Hide resolved
}
}
}
Expand Down Expand Up @@ -824,10 +824,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;
Expand Down