mirror of https://github.com/zulip/zulip.git
emoji: Display status emoji as flexbox in settings.
This does not adjust any of the padding from a float-based era. It's entirely possible that the status-preview area especially deserves some further tuning.
This commit is contained in:
parent
55e43b6926
commit
be4d4085f2
|
@ -131,9 +131,9 @@ $user_status_emoji_width: 24px;
|
||||||
|
|
||||||
.user_list_style_values {
|
.user_list_style_values {
|
||||||
.user-name-and-status-emoji {
|
.user-name-and-status-emoji {
|
||||||
display: block;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 20px;
|
|
||||||
|
|
||||||
.user-name {
|
.user-name {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -144,7 +144,7 @@ $user_status_emoji_width: 24px;
|
||||||
|
|
||||||
.status-emoji {
|
.status-emoji {
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
top: -2px;
|
margin-left: 6px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1156,7 +1156,6 @@ $option_title_width: 180px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-text {
|
.status-text {
|
||||||
display: inline-block;
|
|
||||||
opacity: 0.75;
|
opacity: 0.75;
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue