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

SVG/High resolution emoticons

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Note: Test in Boost and Clean and on major browsers (e.g. Firefox, Chrome)

      1. Log in as an admin
      2. Go to "Site administration / Plugins / Filters / Manage filters"
      3. Enable "Display emoticons as images"
      4. Go to "Site administration / Plugins / Text editors / Atto HTML editor"
      5. Add "emoticon" at the end of the "insert" section of the "Toolbar config" field. Save the changes.
      Atto editor
      1. Edit your profile.
      2. On your profile description field, insert the shortcuts for all emoticons:

        :) :-D ;-) :-/ V-. :-P B-) ^-) 8-) :o) :( 8-. :-I :-X 8-o P-| 8-[ xx-P |-. }-] (h) (heart) (y) (n) (martin) ( )

      3. Save your profile.
      4. Confirm that the emoticons are displayed nicely in high resolution with the appropriate size. (Check with stables for comparison).
      5. Right-click on an emoticon and open its image on a new tab.
      6. Confirm that the emoticon is rendered in high-resolution even when it's displayed as a large image by itself.
      7. Edit your profile again.
      8. On your profile description, try to insert another emoticon by clicking on the emoticon button.
      9. Confirm that the emoticons are displayed nicely on the *emoticon picker * dialogue.
      10. Click on an emoticon.
      11. Confirm that the correct alias for the selected emoticon is inserted in the editor text area.
      TinyMCE editor
      1. Edit your preferences.
      2. Set your "Editor preferences" to "TinyMCE HTML editor"
      3. Save the changes.
      4. Edit your profile again.
      5. Check the description field.
      6. Confirm that the emoticons are displayed nicely in high resolution with the appropriate size. (Check with stables for comparison)
      7. Try to insert another emoticon by clicking on the emoticon button.
      8. Confirm that the emoticons are displayed nicely in high resolution on the "Insert emoticon" dialogue.
      9. Click on an emoticon.
      10. Confirm that the correct emoticon with the appropriate size is inserted in the editor text area.
      Show
      Note: Test in Boost and Clean and on major browsers (e.g. Firefox, Chrome) Log in as an admin Go to " Site administration / Plugins / Filters / Manage filters " Enable "Display emoticons as images" Go to " Site administration / Plugins / Text editors / Atto HTML editor " Add " emoticon " at the end of the " insert " section of the " Toolbar config " field. Save the changes. Atto editor Edit your profile. On your profile description field, insert the shortcuts for all emoticons: :) :-D ;-) :-/ V-. :-P B-) ^-) 8-) :o) :( 8-. :-I :-X 8-o P-| 8-[ xx-P |-. }-] (h) (heart) (y) (n) (martin) ( ) Save your profile. Confirm that the emoticons are displayed nicely in high resolution with the appropriate size. (Check with stables for comparison). Right-click on an emoticon and open its image on a new tab. Confirm that the emoticon is rendered in high-resolution even when it's displayed as a large image by itself. Edit your profile again. On your profile description, try to insert another emoticon by clicking on the emoticon button. Confirm that the emoticons are displayed nicely on the *emoticon picker * dialogue. Click on an emoticon. Confirm that the correct alias for the selected emoticon is inserted in the editor text area. TinyMCE editor Edit your preferences. Set your " Editor preferences " to " TinyMCE HTML editor " Save the changes. Edit your profile again. Check the description field. Confirm that the emoticons are displayed nicely in high resolution with the appropriate size. (Check with stables for comparison) Try to insert another emoticon by clicking on the emoticon button. Confirm that the emoticons are displayed nicely in high resolution on the " Insert emoticon " dialogue. Click on an emoticon. Confirm that the correct emoticon with the appropriate size is inserted in the editor text area.
    • Affected Branches:
      MOODLE_27_STABLE, MOODLE_34_STABLE, MOODLE_35_STABLE
    • Fixed Branches:
      MOODLE_36_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-46415-master

      Description

      The standard emoticons are not scalable or high-res and so look horrible and pixelated on high-dpi screens. It stands out because they are some of the only graphics like that.

      It'd be super nice to have some 'retina' emoticons.

        Attachments

        1. 1.PNG
          1.PNG
          254 kB
        2. 2.PNG
          2.PNG
          240 kB
        3. Screen Shot 2014-07-17 at 09.38.31.png
          Screen Shot 2014-07-17 at 09.38.31.png
          9 kB
        4. sleepy-after.png
          sleepy-after.png
          82 kB
        5. sleepy-before.gif
          sleepy-before.gif
          0.2 kB
        6. tinymce.png
          tinymce.png
          107 kB

          Issue Links

            Activity

              People

              • Votes:
                7 Vote for this issue
                Watchers:
                12 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  3/Dec/18

                  Time Tracking

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