UX: Fix border radius artifacts on dashboard pills (#9949)
This commit is contained in:
parent
40c4a8e3fc
commit
6ed3dbef03
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue