FIX: Do not wrap flair title in chooser (#13667)

This commit is contained in:
Bianca Nenciu 2021-07-08 15:51:47 +03:00 committed by GitHub
parent 87c1e98571
commit c39ab6c0ae
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 22 deletions

View File

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