You can’t even just uBlock zap the sidebar since the feed div has a fixed right margin. StyleBot to the rescue.

Much better!

Also mildly infuriating is if you try to grudgingly load the mobile site in a desktop browser, it just redirects you back to the crappy, non-responsive desktop version.

If you found this useful, here’s the CSS overrides to use:

#slashboxes {
  display: none;
}

.main-content {
  margin-right: unset;
}
  • nobody@lemmy.world
    link
    fedilink
    English
    arrow-up
    9
    ·
    1 year ago

    It was after installing and using Pop OS that I truly realized the importance of responsiveness.

    • Admiral Patrick@dubvee.orgOP
      link
      fedilink
      English
      arrow-up
      5
      ·
      1 year ago

      Indeed. You can instantly pick out bad websites, and I’ve started using stylebot more and more to fix them. lol

  • wallybeavis@lemmy.world
    link
    fedilink
    English
    arrow-up
    7
    ·
    1 year ago

    Thank you for this! I’ve always been annoyed by non-collapsable, intrusive sidebars. Slashdot’s just seemed to get wider, and wider, over the years.

    I’d found this when I used to go to old.reddit: javascript:$(‘.side’).toggle();void(0);

    I made it a bookmark on my bookmark tool bar to toggle the right sidebar on my main page

    • intensely_human@lemm.ee
      link
      fedilink
      English
      arrow-up
      2
      ·
      1 year ago

      I made an extension to reduce the padding in Jira’s rows when it’s listing tickets. Basically a “compact” view.

    • Admiral Patrick@dubvee.orgOP
      link
      fedilink
      English
      arrow-up
      4
      ·
      1 year ago

      Ha, yeah. Checking has just been part of my daily routine forever. The comment section is a dumpster fire, though, so I just skim the headlines each day.

    • Admiral Patrick@dubvee.orgOP
      link
      fedilink
      English
      arrow-up
      4
      ·
      1 year ago

      [Ron Popeil voice] But wait, there’s more!

      Also mildly infuriating is if you try to grudgingly load the mobile site in a desktop browser, it just redirects you back to the crappy, non-responsive desktop version.

  • intensely_human@lemm.ee
    link
    fedilink
    English
    arrow-up
    2
    ·
    edit-2
    1 year ago

    What you want for the CSS is a media query that adds conditional CSS when the window is below a certain width.

    I forget the exact syntax since I’m no longer a web dev but it’s something like:

    @window-size(0px) { .that-sidebar-selector { display: none; } }

    @window-size(750px){ .that-sidebar-selector { display: block; } }

    Then as you switch between half and full screen the sidebar will automatically appear or disappear without you having to change the css when you change tiling.

    • Admiral Patrick@dubvee.orgOP
      link
      fedilink
      English
      arrow-up
      3
      ·
      1 year ago

      Yeah, I could have done that, and I do similar to what you proposed on other sites. But that sidebar is completely useless to me and has never had anything of interest, so I’m content just nuking it from orbit.