UX: Fix border radius artifacts on dashboard pills (#9949)

This commit is contained in:
Jarek Radosz 2020-06-01 11:21:07 +02:00 committed by GitHub
parent 40c4a8e3fc
commit 6ed3dbef03
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 11 deletions

View File

@ -354,17 +354,18 @@
flex: 1 0 auto;
max-width: 95%;
}
.table-cell {
display: flex;
flex: 0 1 auto;
margin: 0 10px 5px 0;
border: 1px solid $primary-low;
padding: 1px;
border-radius: 10px;
.label {
display: flex;
align-items: center;
color: $primary;
background: $primary-very-low;
justify-content: center;
border-radius: 9px 0 0 9px;
padding: 0 5px 0 8px;
@ -376,8 +377,11 @@
}
.value {
background: $secondary;
border-radius: 0 9px 9px 0;
padding: 0 8px 0 5px;
}
&.user-newuser {
.label {
color: $primary-high;
@ -385,26 +389,20 @@
}
&.user-basic,
&.user-member {
border-color: $bronze;
.label {
border-color: $bronze;
background: $bronze;
.label {
color: $secondary;
}
}
&.user-regular {
border-color: $silver;
.label {
border-color: $silver;
background: $silver;
.label {
color: $secondary;
}
}
&.user-leader {
border-color: $gold;
.label {
background: $gold;
border-color: $gold;
.label {
color: $secondary;
}
}