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

UX: Fix flair dropdown styling in user account (#15201)

This commit is contained in:
Penar Musaraj 2021-12-06 11:28:10 -05:00 committed by GitHub
parent 43903f8dfe
commit bf18145e70
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/assets/stylesheets/common/select-kit/flair-row.scss
View File

@ -1,3 +1,5 @@
$flair-size: 18px;
.select-kit.flair-chooser { .select-kit.flair-chooser {
.select-kit-header, .select-kit-header,
.flair-row { .flair-row {
@ -5,22 +7,22 @@
align-items: center; align-items: center;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 30px 30px; background-size: $flair-size $flair-size;
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-right: 5px; margin-right: 5px;
height: 30px; height: $flair-size;
width: 30px; width: $flair-size;
&.rounded { &.rounded {
background-size: (30px / 1.4) (30px / 1.4); background-size: ($flair-size / 1.4) ($flair-size / 1.4);
border-radius: 50%; border-radius: 50%;
} }
.d-icon { .d-icon {
display: block; display: block;
height: (30px / 1.8); height: ($flair-size / 1.8);
width: (30px / 1.8); width: ($flair-size / 1.8);
} }
} }
@ -28,8 +30,4 @@
white-space: nowrap; white-space: nowrap;
} }
} }
.select-kit-header {
padding: 2px 4px;
}
} }