nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Show/hide the switch-view button based on viewport width

Browse source
This commit is contained in:
Lim Chee Aun 2023-10-27 23:03:07 +08:00
parent 4efc922b7b
commit 087e282677
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/app.css
View file

@ -928,10 +928,13 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
.deck-backdrop .deck .status { .deck-backdrop .deck .status {
max-width: var(--main-width); max-width: var(--main-width);
} }
.deck-backdrop .deck .menu-switch-view { .deck-backdrop .deck :is(.button-switch-view, menu-switch-view) {
display: none; display: none;
} }
@media (min-width: 40em) { @media (min-width: 40em) {
.deck-backdrop .deck .button-switch-view {
display: inline-block;
}
.deck-backdrop .deck .menu-switch-view { .deck-backdrop .deck .menu-switch-view {
display: flex; display: flex;
} }

2
src/pages/status.jsx
View file

@ -1003,7 +1003,7 @@ function StatusThread({ id, closeLink = '/', instance: propInstance }) {
<div class="header-side"> <div class="header-side">
<button <button
type="button" type="button"
class="plain4" class="plain4 button-switch-view"
style={{ style={{
display: viewMode === 'full' ? '' : 'none', display: viewMode === 'full' ? '' : 'none',
}} }}