Stylus: Glitch when I use the New manage UI layout

[thinkpad4]

• Browser:
  Slimjet Version 14.0.16.0 (based on Chromium 57.0.2987.98 (64-bit))
• Operating System:
  Win7 64bit
• Screenshot:
  https://i.imgur.com/8Q0skEz.jpg
  

[tophf]

We didn't test in outdated versions of Chrome for a very long time.
The problem was caused by a bug in Chrome 57 and older.
I've added a workaround in Stylus so it'll be present in the next update (in a week or so).

[tophf]

You can install a userstyle locally to fix the issue:

@-moz-document regexp("chrome-extension://.*?/manage.*") {
  .newUI .entry,
  .newUI .entry > *,
  .newUI .entry .actions,
  .newUI .target,
  .newUI .target img,
  .newUI .entry.can-update,
  .newUI .entry.update-problem,
  .newUI .entry.update-done {
    contain: none;
  }
}

[thinkpad4]

Thank you VERY much

[narcolepticinsomniac]

@tophf You eliminate contain: altogether? It caused some weird behavior with borders in the different flex layouts I use, so I had to override them. @Mottie added them for some kinda performance gain IIRC, but I saw no obvious downside to getting rid of it.

@thinkpad4 Why the ancient version of Slimjet?

[tophf]

I've moved those contain definitions from css into js using chrome version check so it's disabled in 57 and older.

[thinkpad4]

@narcolepticinsomniac Not a fan of the whole material design look of the newer versions. And I got Slimjet running exactly how I like it

[narcolepticinsomniac]

Ah. The property has other little quirks IME, even in stable. Not in the default layout though, so if there's positives, might as well keep them.