daniruiz/flat-remix-gnome

Applications Overview Icon Overlapping For higher Resolution monitors (FIX Included)

DrJfrost opened this issue · 3 comments

DrJfrost commented

The current theme's CSS file fails to show correctly the applications overview menu on higher resolution monitors (such as 4k or 2k resolutions) and as a result displays incorrectly the menu along with enlarged icons:

image

The solution is to correctly specify the -shell-grid-horizontal-item-size and -shell-grid-vertical-item-size properties thus allowing the icons and the label to correctly adjust according to the screen size.

/* App Grid */
.icon-grid {
  row-spacing: 12px;
  column-spacing: 12px;
  max-row-spacing: 72px;
  max-column-spacing: 72px;
  page-padding-top: 24px;
  page-padding-bottom: 24px;
  page-padding-left: 12px;
  page-padding-right: 12px; 
  -shell-grid-horizontal-item-size: 136px; /* added this line */
  -shell-grid-vertical-item-size: 136px; /* added this line */
}

Final Result:
A clean menu that fits Icons according to the screen without overlapping the label, (on search results it also gets better responsiveness)
image

DrJfrost commented

I'd happily submit a PR for this but I don't have the permissions for it, however the fix is just to add those 2 lines on every single gnome-shell.css file, that can be done like in 2 mins lol

daniruiz commented

You are using a theme version that isn't compatible with the gnome-shell version you're using
https://www.gnome-look.org/p/1013030/

Sorry I have to update the info in drasite.com, I just forgot it. You need the one for gnome 3.36

DrJfrost commented

well I edited those css files by myself and it worked so I guess GG's
I'll leave it like that lol, nice to know that it will be updated on drasite 😄

  • ❤️1