Improve style of web UI account tabs (#6589)

This commit is contained in:
Eugen Rochko 2018-03-02 04:35:49 +01:00 committed by GitHub
parent e4db0f28d2
commit 38b9af76a2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 6 deletions

View File

@ -4631,22 +4631,24 @@ a.status-card {
} }
.account__section-headline { .account__section-headline {
background: lighten($ui-base-color, 2%); background: darken($ui-base-color, 4%);
border-bottom: 1px solid lighten($ui-base-color, 4%); border-bottom: 1px solid lighten($ui-base-color, 8%);
cursor: default; cursor: default;
display: flex; display: flex;
a { a {
display: block; display: block;
color: $ui-base-lighter-color; flex: 1 1 auto;
padding: 15px 10px; color: $ui-primary-color;
padding: 15px 0;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
text-align: center;
text-decoration: none; text-decoration: none;
position: relative; position: relative;
&.active { &.active {
color: $ui-highlight-color; color: $ui-secondary-color;
&::before, &::before,
&::after { &::after {
@ -4660,7 +4662,7 @@ a.status-card {
transform: translateX(-50%); transform: translateX(-50%);
border-style: solid; border-style: solid;
border-width: 0 10px 10px; border-width: 0 10px 10px;
border-color: transparent transparent lighten($ui-base-color, 4%); border-color: transparent transparent lighten($ui-base-color, 8%);
} }
&::after { &::after {