mobile mode fixes
This commit is contained in:
parent
13b788d407
commit
c630319966
1 changed files with 15 additions and 12 deletions
27
btfl.css
27
btfl.css
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue