oreolek/phanpy
1
0
Fork 0
Code 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 {
max-width: var(--main-width);
}
.deck-backdrop .deck .menu-switch-view {
.deck-backdrop .deck :is(.button-switch-view, menu-switch-view) {
display: none;
}
@media (min-width: 40em) {
.deck-backdrop .deck .button-switch-view {
display: inline-block;
}
.deck-backdrop .deck .menu-switch-view {
display: flex;
}

2
src/pages/status.jsx
View file

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