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:

      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

        Gliffy Diagrams

          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: