search

TravelMapping / EduTools

Educational tools using TravelMapping data
3 stars 21 forks source link

HDX/AV: Scrollbar on Algorithm Visualization Control Panel #496

Open jteresco opened 1 year ago

jteresco commented 1 year ago

When the AVCP is taller than the window, it can be scrolled with a touch pad gesture or mouse scrolling wheel, but it looks like a scrollbar does not appear. Do you remember if we did this intentionally, @Spencer-Moon? @ChrisSorros found a possible CSS fix.

chrissorros commented 1 year ago

Here is the link to the stackoverflow page that I found: https://stackoverflow.com/questions/8232713/how-to-display-scroll-bar-onto-a-html-table#:~:text=Very%20easy%2C%20just%20wrap%20the,IT%20WILL%20WORK!!!

Spencer-Moon commented 1 year ago

Yeah I think I hid the scroll bar to make it look nicer. In retrospect that may not have been a good choice in terms of accessibility. If you want to make it display again, search for this selector in the CSS file:

avStatusPanel::-webkit-scrollbar, #discoveredAVCPEntry::-webkit-scrollbar, #datatable::-webkit-scrollbar

On Mar 30, 2023, at 10:33 AM, Jim Teresco @.***> wrote:

When the AVCP is taller than the window, it can be scrolled with a touch pad gesture or mouse scrolling wheel, but it looks like a scrollbar does not appear. Do you remember if we did this intentionally, @Spencer-Moon? @chrissorros found a possible CSS fix. — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: @.***>

Spencer-Moon commented 1 year ago

Also, this is the CSS selector that removes the scrollbar in Firefox.

avStatusPanel, #discoveredAVCPEntry, #datatable

On Apr 1, 2023, at 2:02 PM, Spencer Moon @.***> wrote:

Yeah I think I hid the scroll bar to make it look nicer. In retrospect that may not have been a good choice in terms of accessibility. If you want to make it display again, search for this selector in the CSS file:

avStatusPanel::-webkit-scrollbar, #discoveredAVCPEntry::-webkit-scrollbar, #datatable::-webkit-scrollbar

On Mar 30, 2023, at 10:33 AM, Jim Teresco @.***> wrote:

When the AVCP is taller than the window, it can be scrolled with a touch pad gesture or mouse scrolling wheel, but it looks like a scrollbar does not appear. Do you remember if we did this intentionally, @Spencer-Moon? @chrissorros found a possible CSS fix. — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: @.***>