Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

user_status: Correct modal layout and appearance.

This commit is contained in:
Karl Stolley 2024-10-15 14:02:00 -05:00 committed by Tim Abbott
parent c1207c73f2
commit 6121d97ae9
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/styles/app_components.css
View File

@ -436,12 +436,6 @@ input.settings_text_input {
outline: none !important; outline: none !important;
box-shadow: none; box-shadow: none;
z-index: 5; z-index: 5;
#set-user-status-modal & {
margin-left: -26px;
right: 0;
padding-top: 6px;
}
} }
} }

17
web/styles/user_status.css
View File

@ -4,23 +4,30 @@
.user-status-content-wrapper { .user-status-content-wrapper {
display: flex; display: flex;
justify-content: center;
align-items: center; align-items: center;
border: 1px solid; border: 1px solid;
border-color: hsl(0deg 0% 0% / 60%); border-color: hsl(0deg 0% 0% / 60%);
border-radius: 5px; border-radius: 5px;
& input.user-status { & input.user-status {
width: 95%; flex: 1 1 0;
width: 100%;
border: none; border: none;
outline: none;
box-shadow: none;
background-color: transparent; background-color: transparent;
padding-right: 25px; margin: 0;
@media (width < $ml_min) { &:focus {
width: 92%; box-shadow: none;
} }
} }
.clear_search_button {
position: static;
padding: 6px;
}
.status-emoji-wrapper { .status-emoji-wrapper {
padding: 4px 8px; padding: 4px 8px;
border-right: 1px solid; border-right: 1px solid;