er2/diskort
1
1
Fork 0
Code Issues Pull requests Releases 1 Activity

mobile mode fixes

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

27
btfl.css
View file

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