TheEssem / mastodon

Chuckya, a glitch-soc fork used on wetdry.world
https://wetdry.world/@chuckya
GNU Affero General Public License v3.0
67 stars 9 forks source link

"Open in advanced web interface" text box too large when using default Glitch-Soc flavor, advanced web interface, and narrow screen #6

Closed jenbanim closed 8 months ago

jenbanim commented 8 months ago

Steps to reproduce the problem

  1. Be logged in
  2. Switch to the default glitch-soc flavor
  3. Check the "Enable advanced web interface"
  4. Navigate to the public/local page (eg. https://wetdry.world/public/local)
  5. Narrow the screen until it displays in single-column mode (works on desktop & mobile)
  6. 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:

wet_dry_world_bug

Here is how the UI appears on infosec.exchange which is running the upstream glitch-soc branch showing the expected behavior

Infosec Exchange

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

TheEssem commented 8 months ago

Seems to be related to 5d9df170cf7de0492f0f68519e984bc7bee7e852?

TheEssem commented 8 months ago

Fixed with bc5d74c

jenbanim commented 8 months ago

Brilliant, thanks!