Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-81436

CSS rule in .showmore-container in Boost theme causes all <button> elements within the container to float right

XMLWordPrintable

    • MOODLE_403_STABLE
    • 1
    • Moppies PB candidates

      While testing some availability plugins, in particular availability_gwpayments, I noticed the float: right; CSS rule in the the Boost theme targets all <button> elements that are in .showmore-container.

      This is the rule I'm referring to: https://github.com/moodle/moodle/blob/main/theme/boost/scss/moodle/core.scss#L3108-L3109

       

      Here is a screenshot of a course page with Boost theme.
      Notice how the "Select payment type" button is floating to the right. Although it is part of the first condition, the payment button looks like it belongs to the other 2 conditions, causing a false impression.

       

      When switching to Classic theme, the "Select payment type" button correctly displays aligned to the middle, as part of the first condition.

            Unassigned Unassigned
            rjnl Rajneel Totaram
            Votes:
            0 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.