Uploaded image for project: 'Plugins'
  1. Plugins
  2. CONTRIB-7072

Undefined box-sizing couses scrollbar for command bar

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 3.3.2
    • Fix Version/s: 3.5
    • Component/s: Module: Scheduler
    • Labels:
      None
    • Plugin Version:
      3.3.0
    • Affected Branches:
      MOODLE_33_STABLE
    • Fixed Branches:
      MOODLE_35_STABLE

      Description

      The commandbar is defined with a width of 100% and a padding of .5em. Browsers as Firefox and Chrome use a box-sizing model "content-box" as default. In this model padding and border are added to the defined width of the element, which results in a width of over 100% and (depending on the theme) will lead to ugly horizontal scrollbars.

      I would suggest adding the following lines to the rule

      .path-mod-scheduler div.commandbar {
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          background-color: #eee;
          padding: 0.5em;
      +    box-sizing: border-box;
      +    -moz-box-sizing: border-box;
      +    -webkit-box-sizing: border-box;
      }

      This forces a display with the box model "border-box". In this model the width includes padding and border.

        Attachments

          Activity

            People

            Assignee:
            bostelm Henning Bostelmann
            Reporter:
            tobias.reischmann Tobias Reischmann
            Participants:
            Component watchers:
            Valery Fremaux
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Fix Release Date:
              17/May/18