CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-06-24 21:08:25 +08:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

ui: Make the set status modal mobile responsive.

Browse Source 
The set status modal to add/remove/update user status was not
visible properly on devices with a small width. This commit fixes
the issue by adding appropriate media queries to the css to make
the modal mobile responsive.

Fixes part of #16817.
This commit is contained in:
Pranav Joglekar 2020-12-19 02:15:14 +05:30 committed by GitHub
parent 6b8f4782c4
commit 089af801fb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/styles/user_status.css
View File

@ -7,10 +7,17 @@
border-radius: 4px;
overflow: hidden;
background-color: hsl(0, 0%, 100%);
@media (max-width: 384px) {
width: 100%;
}
}
input.user_status {
width: 336px;
@media (max-width: 384px) {
width: 94%;
}
}
.user-status-header {