search

cgwire / kitsu

Collaboration Platform for Animation and VFX Productions
https://kitsu.cg-wire.com
GNU Affero General Public License v3.0
395 stars 106 forks source link

'Ugly' Scrollbars in Chrome #1498

Closed tetsuoanimation closed 3 months ago

tetsuoanimation commented 3 months ago

Context

Severity: QOL Kitsu version: 0.19.43

Describe the bug

Firefox uses the beautiful, small Vue scrollbars on the Shots page while Chrome seems to fall back to the built in ones. Probably not a real but but just a 'small' thing.

Screenshots

Screenshot from Chrome image

Similar area in firefox image

Same in Edge for referwence ( but I guess noone uses edge ;) ) image

Desktop (please complete the following information):

tetsuoanimation commented 3 months ago

Adding this to the bulma.css as an override seems to style them more firefox like. My example probably has the wrong colours. It is a global override so I was afraid of breaking things but after clicking around a bit it seems like it works.

::-webkit-scrollbar {
  width: 5px; 
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #0000;
}
::-webkit-scrollbar-corner {
  background: #0000
}
::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 2.5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
::-webkit-scrollbar-thumb:active {
  background: #444;
}
frankrousseau commented 3 months ago

It looks more like a system problem. On my side, everything looks ok on Chrome.

tetsuoanimation commented 3 months ago

Yes, this is fixed in the latest update! Thank you! :)