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

Style TinyMCE toolbars consistently with Moodle style

    XMLWordPrintable

Details

    • 100
    • FRONTEND Sprint 6

    Description

      Gray icons on gray background makes the icons look washed out. It would somehow improve the contrast by having white background instead.

      Please refer to MDL-41633 for the style

      Attachments

        1. TinyMCE icons.zip
          157 kB
        2. TinyMCE for Moodle.png
          TinyMCE for Moodle.png
          28 kB
        3. Screen Shot 2013-10-30 at 6.00.36 pm.png
          Screen Shot 2013-10-30 at 6.00.36 pm.png
          16 kB
        4. Screen Shot 2013-10-30 at 6.00.32 pm.png
          Screen Shot 2013-10-30 at 6.00.32 pm.png
          17 kB
        5. Screen Shot 2013-10-30 at 6.00.26 pm.png
          Screen Shot 2013-10-30 at 6.00.26 pm.png
          17 kB
        6. Screen Shot 2013-10-30 at 6.00.19 pm.png
          Screen Shot 2013-10-30 at 6.00.19 pm.png
          25 kB
        7. Screen Shot 2013-10-30 at 5.59.56 pm.png
          Screen Shot 2013-10-30 at 5.59.56 pm.png
          33 kB
        8. Screen Shot 2013-10-30 at 5.59.50 pm.png
          Screen Shot 2013-10-30 at 5.59.50 pm.png
          33 kB
        9. Screen Shot 2013-10-30 at 5.59.41 pm.png
          Screen Shot 2013-10-30 at 5.59.41 pm.png
          33 kB
        10. Screen Shot 2013-10-30 at 5.59.31 pm.png
          Screen Shot 2013-10-30 at 5.59.31 pm.png
          33 kB
        11. Screen Shot 2013-10-02 at 4.11.54 PM.png
          Screen Shot 2013-10-02 at 4.11.54 PM.png
          17 kB
        12. QA TEST - IE10 - Clean theme - icon unresponsive (all browser).jpg
          QA TEST - IE10 - Clean theme - icon unresponsive (all browser).jpg
          119 kB
        13. QA TEST - IE10 - Clean theme.jpg
          QA TEST - IE10 - Clean theme.jpg
          155 kB
        14. QA TEST - Chrome - Ubuntu - Standard theme - toggled.jpg
          QA TEST - Chrome - Ubuntu - Standard theme - toggled.jpg
          195 kB
        15. QA TEST - Chrome - Ubuntu - Standard theme - few preferences.jpg
          QA TEST - Chrome - Ubuntu - Standard theme - few preferences.jpg
          154 kB
        16. QA TEST - Chrome - Ubuntu - Standard theme.jpg
          QA TEST - Chrome - Ubuntu - Standard theme.jpg
          170 kB
        17. QA TEST - Chrome - Ubuntu - Clean theme.jpg
          QA TEST - Chrome - Ubuntu - Clean theme.jpg
          196 kB
        18. QA TEST - Chrome - Nexus 4 - Clean theme.png
          QA TEST - Chrome - Nexus 4 - Clean theme.png
          84 kB
        19. old.png
          old.png
          1 kB
        20. latest.png
          latest.png
          1 kB
        21. half baked TinyMCE.png
          half baked TinyMCE.png
          26 kB
        22. delete.svg
          1 kB
        23. delete.png
          delete.png
          0.3 kB
        24. cancel.svg
          0.9 kB
        25. cancel.png
          cancel.png
          0.4 kB
        26. attributes cancel colorpicker.zip
          8 kB
        27. 2.4-attrib.png
          2.4-attrib.png
          9 kB

        Issue Links

          caused a regression

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-42684 Width of TinyMCE iframe narrower than bounding area

          • Blocker - Blocks development and/or testing, prevents Moodle from running (applicable to bugs only)
          • Closed

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-43851 The Comment Text Editor for the "Make comment or override grade" Window for Quizzes Gets Cut Off

          • Major - Major loss of function, incorrect output
          • Closed
          Discovered while testing

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-42654 TinyMce: it's only displayed on half the screen

          • Blocker - Blocks development and/or testing, prevents Moodle from running (applicable to bugs only)
          • Closed

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-42657 TinyMce: add separator for colour button to trigger the color picker

          • Blocker - Blocks development and/or testing, prevents Moodle from running (applicable to bugs only)
          • Closed

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-42660 Toolbars: the spacing is too large (standard and clean)

          • Blocker - Blocks development and/or testing, prevents Moodle from running (applicable to bugs only)
          • Closed

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-42656 TinyMce: on chrome, when the window is too small, the right side of the editor disappear behind the box container.

          • Major - Major loss of function, incorrect output
          • Closed

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-42655 TinyMce: toggle toolbar once, then another time. The original size of the toggle bar is lost.

          • Minor - Minor loss of function where workaround is possible
          • Closed

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-42658 TinyMce: rollover effects improvement

          • Minor - Minor loss of function where workaround is possible
          • Closed

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-42661 TinyMce: the editor appears without space between the icon groups. Once resizing the editor you can not go back to this state.

          • Minor - Minor loss of function where workaround is possible
          • Closed

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-42659 TinyMce: when rollover, there is a little white space at the end of a button

          • Trivial - Cosmetic problem like misspelt words or misaligned text
          • Closed
          has been marked as being related by

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-42699 TinyMCE editing area has NO whitespace padding at all

          • Major - Major loss of function, incorrect output
          • Closed

          Improvement - An enhancement to an existing Moodle feature. MDL-41633 Edit PDF: create layout mockup

          • Minor - Minor loss of function where workaround is possible
          • Closed
          is blocked by

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-42407 Solution for zIndex values in modal dialogues

          • Blocker - Blocks development and/or testing, prevents Moodle from running (applicable to bugs only)
          • Closed

          Activity

            People

              phalacee Jason Fowler
              barbararamiro Barbara Ramiro
              Andrew Lyons Andrew Lyons
              Dan Poltawski Dan Poltawski
              Jérôme Mouneyrac Jérôme Mouneyrac
              David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo
              Votes:
              0 Vote for this issue
              Watchers:
              9 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                18/Nov/13