a customer had a problem scrolling through a thumbnail list on a certain device so they would like to have arrows on a scrollbar.
Though that would be easy using some CSS by adding
Code: Select all
/* Buttons */
::-webkit-scrollbar-button:single-button {
background-color: #bbbbbb;
display: block;
border-style: solid;
height: 13px;
width: 16px;
}
/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
border-width: 0 8px 8px 8px;
border-color: transparent transparent #555555 transparent;
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
border-color: transparent transparent #777777 transparent;
}
/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
border-width: 8px 8px 0 8px;
border-color: #555555 transparent transparent transparent;
}
::-webkit-scrollbar-button:vertical:single-button:increment:hover {
border-color: #777777 transparent transparent transparent;
}
Added the style to the scroll area in question (I checked that it is the correct area by changing the scrollbar colour) but somehow the arrows don't show up.
Here is what I did in Pano2VR
I'm quite sure I'm just missing something but I don't really know what