"Open in advanced web interface" text box too large when using default Glitch-Soc flavor, advanced web interface, and narrow screen
jenbanim opened this issue · comments
Steps to reproduce the problem
- Be logged in
- Switch to the default glitch-soc flavor
- Check the "Enable advanced web interface"
- Navigate to the public/local page (eg. https://wetdry.world/public/local)
- Narrow the screen until it displays in single-column mode (works on desktop & mobile)
- A refresh may be necessary
Expected behaviour
The "Open in advanced web interface" text box should disappear
Actual behaviour
The "Open in advanced web interface" text box stays visible, and wraps, pushing the sidebar navigation buttons down
Detailed description
Here is how the UI appears on wetdry.world:
Here is how the UI appears on infosec.exchange which is running the upstream glitch-soc branch showing the expected behavior
Mastodon instance
wetdry.world
Mastodon version
v4.3.0-alpha.0+chuckya
Browser name and version
All browsers (checked Chrome, Firefox, iOS Safari)
Operating system
BingusOS
Technical details
I was able to fix this issue by applying custom CSS to my instance
@media screen and (max-width: 1174px) {
.switch-to-advanced {
display: none;
}
}
I totally understand if this is out-of-scope since you're using the mastomodern theme by default, just thought I'd throw this out there in case anyone else is running into the same issue. Also if you'd rather just not worry about issues here that's cool just lemme know
Brilliant, thanks!