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

Very broad CSS in Boost: .section .activity .activityinstance div

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 3.6, 3.7
    • Fix Version/s: None
    • Component/s: Course, HTML and CSS, Themes
    • Labels:

      Description

      In Boost there's a bit of CSS as follows:

      .section .activity .activityinstance,

      .section .activity .activityinstance div

      { display: inline-block; }

      Which catches me out a lot, particularly that second line. I'm not quite sure what it was originally trying to do, but if we found that out and made it more narrowly target that specifc (or those specific) div(s) then it wouldn't affect other divs that get added in this area and need to be display: block or display: flex or whatever.

      Overruling broad CSS like this is hard/impossible from a child theme, so Boost should err on the side of being specific when it can.

        Attachments

          Activity

            People

            Assignee:
            Unassigned Unassigned
            Reporter:
            bawjaws David Scotson
            Participants:
            Component watchers:
            Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona), Amy Groshek, David Scotson, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona), Bas Brands
            Votes:
            1 Vote for this issue
            Watchers:
            4 Start watching this issue

              Dates

              Created:
              Updated:

                Time Tracking

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 10 minutes
                10m