Scrollbar styling should be the same as the UITK scrollbar

Bug #1523898 reported by Dan Chapman 
8
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Canonical System Image
Confirmed
High
David Barth
Oxide
New
Undecided
Unassigned
webbrowser-app (Ubuntu)
New
High
Unassigned

Bug Description

Currently the styles don't match between the new style for the ui toolkit scrollbar and oxides scroll bar. See the attached image as an example. Also the "narrow" style on touch devices differs.

I see this can be changed in chrome by editing some css files, is it possible to do the same in oxide? Or is this even doable in oxide? I tried to look through the content api docs but I couldn't make head nor tail of it :-)

Revision history for this message
Dan Chapman  (dpniel) wrote :
Revision history for this message
Olivier Tilloy (osomon) wrote :

That should be possible, although not quite sure which file needs to be customized.

Reading through https://css-tricks.com/custom-scrollbars-in-webkit/, it looks like the UITK style can be mimicked with CSS only. We should keep in mind that oxide is toolkit-agnostic though, so we might want to make the scrollbar style customizable by embedders, rather than hardcoding a specific style for everyone.

Revision history for this message
Andrea Bernabei (faenil) wrote :

any update on this?

Bill Filler (bfiller)
Changed in canonical-devices-system-image:
importance: Undecided → High
assignee: nobody → David Barth (dbarth)
milestone: none → backlog
Changed in webbrowser-app (Ubuntu):
importance: Undecided → High
Changed in canonical-devices-system-image:
status: New → Confirmed
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.