hajimari icon indicating copy to clipboard operation
hajimari copied to clipboard

CSS x-axis scrolling

Open brettinternet opened this issue 2 years ago • 0 comments

Describe the bug There's x-axis window scrolling at every breakpoint/screen size in Chrome. At certain breakpoints the x-axis scrolling grows longer.

With a large amount of apps in different sections, I see the app sections aren't wrapping to a new row and overflow on the right side of the window.

To Reproduce This appears to occur with longer domain names in the .app_address class.

Expected behavior No x-axis scrolling at any screen size.

Screenshots Notice the sliver of x-axis scrolling that occurs at every screen size in Chrome: Screen Shot 2022-10-25 at 2 29 36 PM

Desktop (please complete the following information):

  • OS: MacOS
  • Browser: Chrome
  • Version: 106.0.5249.119 (Official Build) (arm64)

Additional context I also see this problem in Firefox on MacOS at certain breakpoints/screen sizes.

I'll try to play around with the CSS and see if I can add more context. I'm sure there's a rogue style that's the culprit or something with the grid .apps_loop.

brettinternet avatar Oct 25 '22 20:10 brettinternet