Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/assets/stylesheets/common/admin/dashboard.scss
View File

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