mobile mode fixes

This commit is contained in:
Er2 2022-03-20 13:26:50 +03:00
parent 13b788d407
commit c630319966
1 changed files with 15 additions and 12 deletions

View File

@ -43,7 +43,7 @@ div[aria-controls^="hypesquad"],
div[class^="socialLinks-"],
/* buttons on chat area */
div[class^="channelTextArea-"] div div > div button:not([class^="emojiButton"]),
div[class^="channelTextArea-"] div div > div button:not([class^="emojiButton"]):not([class^="attachButton-"]),
[class^="stickerIcon-"],
div[class^="toolbar-3_"] > :not([aria-label="Close"]),
@ -239,6 +239,8 @@ section div[class^="children-"]
/* mobile mode */
@media screen and (max-device-width: 600px) {
/* FIXME: add close buttons to emoji panel, profile */
[class^="channel-"] { max-width: unset; margin: 0 8px; }
[class^="layer-"] { padding: 0; margin: auto; }
[class^="layer-"] > [class^="container-"],
@ -263,19 +265,20 @@ section div[class^="children-"]
width: 100%; height: 100%;
}
:not([class^="pill-"]) > [class*="item-"],
[class^="member-"],
#channels li,
[role="tab"],
div[class^="tabBarItem-"] {
margin-top: 16px !important;
padding: 0 8px;
font-size: 11pt;
[class^="side-"] > [class^="item-"] {
margin-top: 4px !important;
padding: 6px 10px !important;
}
[class^="side-"] [class^="item-"] {
margin-top: 4px;
padding: 6px 10px;
[class^="side-"] > [class^="item-"],
:not([class*="pill"]):not([class*="Pill"]) > [class*="item-"],
:not([class*="pill"]):not([class*="Pill"]) > [role="tab"],
[class^="member-"],
#channels li,
div[class^="tabBarItem-"] {
margin-top: 16px;
padding: 0 8px;
font-size: 11pt;
}
}