Moodle
  1. Moodle
  2. MDL-34080 Complete overhaul of all standard icons in core
  3. MDL-36442

Blocks header color of Boxxie theme doesn't get along with new grey icons

    Details

    • Type: Sub-task Sub-task
    • Status: Closed
    • Priority: Minor Minor
    • Resolution: Fixed
    • Affects Version/s: 2.4
    • Fix Version/s: 2.4
    • Component/s: Themes
    • Labels:
    • Rank:
      45274

      Description

      Feel free to close this issue if you don't see it as a problem. Boxxie theme blocks uses a dark green colour and uses the set of the standard theme icons, in my opinion, with the new SVG & PNG icons and editing mode enabled, the new grey icons are not clear enough.

      Attaching screenshot

        Issue Links

          Activity

          Hide
          Mary Evans added a comment -
          .block .header .commands .icon img {
              background-color: #F3F8ED; /* adds light green background */
              border: 2px solid #3B4C25; /* adds 2px dark green border */
              border-radius: 5px; /* adds rounded corners */
              height: 12px; 
              margin-right: 3px;
              padding: 2px; /* adds padding to icon */
              width: 12px;
          }
          

          See image MDL-36442.jpg for result

          Show
          Mary Evans added a comment - .block .header .commands .icon img { background-color: #F3F8ED; /* adds light green background */ border: 2px solid #3B4C25; /* adds 2px dark green border */ border-radius: 5px; /* adds rounded corners */ height: 12px; margin-right: 3px; padding: 2px; /* adds padding to icon */ width: 12px; } See image MDL-36442 .jpg for result
          Hide
          Dan Poltawski added a comment -

          Integrated, thanks Mary.

          Show
          Dan Poltawski added a comment - Integrated, thanks Mary.
          Hide
          Dan Poltawski added a comment -

          This looks much cleaner to me. Although i'm not so sure about that much padding. Passing.

          Show
          Dan Poltawski added a comment - This looks much cleaner to me. Although i'm not so sure about that much padding. Passing.
          Hide
          Eloy Lafuente (stronk7) added a comment -

          Y E S !

          Closing as fixed, many thanks!

          Show
          Eloy Lafuente (stronk7) added a comment - Y E S ! Closing as fixed, many thanks!
          Hide
          Peter Svec added a comment -

          And what about "minus icon" and "move to dock" icon in a block? There are many themes with dark header blocks. Adding light background and border is just workaround. It doesn't look very well.

          Is is possible to have separate icon for blocks, e.g. white icons instead of grey?

          Show
          Peter Svec added a comment - And what about "minus icon" and "move to dock" icon in a block? There are many themes with dark header blocks. Adding light background and border is just workaround. It doesn't look very well. Is is possible to have separate icon for blocks, e.g. white icons instead of grey?

            People

            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: