search

willianmano / moodle-theme_moove

A Moodle Boost child theme
GNU General Public License v3.0
171 stars 157 forks source link

Horizontal Scrolling on WebKit Browsers #415

Open brunobeeee opened 1 year ago

brunobeeee commented 1 year ago

Describe the bug When using Moove I get a horizontal scrolling bar on every page including 'Site Administration'. I'm assuming its a only a problem with WebKit based browsers because I get this bar on Safari and Orion but not on Firefox.

To Reproduce

  1. Install Moove Theme
  2. Open any page on your Moodle installation and look at the bottom of your browser window.

Screenshots Safari: safari

Firefox: firefox

Your environment:

parkeyparker commented 9 months ago

For anyone else having this issue I have managed to solve it by adding the following to the Raw SCSS field on the theme settings "Advanced" page:

@media (min-width: 992px) {
    #page.drawers {
        overflow-y: inherit;
    }
}

I haven't yet worked out whether there are any unintended side effects of this so make sure to test this out somewhere that doesn't affect production workloads.

Edit: Appears to not entirely play well with drawers but I can't quite working out what isn't right about it. It seems to incorrectly scroll the drawer if you scroll immediately after opening but if you wait a few seconds it scrolls correctly (eg drawer doesn't get affected by scroll, only page content).