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

mod lti css conflicts with text alignment in chats in message

    XMLWordPrintable

Details

    • MOODLE_310_STABLE, MOODLE_311_STABLE, MOODLE_38_STABLE
    • MOODLE_311_STABLE
    • MDL-69023-M311_mod-lti-conflicts-with-text-alignment-in-chat-messages
    • MDL-69023_mod-lti-conflicts-with-text-alignment-in-chat-messages
    • Hide

      IMPORTANT! Test on different browsers, including Firefox.

      1. Login as admin
      2. Go to Site administration ▶︎ Plugins ▶︎ Activity modules ▶︎ LTI ▶︎ Manage external tool types
        1. Click "Add external tool configuration"
        2. Give it a name
        3. Fill in a URL (http://lti.tools/test/tp.php or http://online.dr-chuck.com/sakai-api-test/ are proper tools. But any website will do.)
        4. Tick "Show in activity chooser and as a preconfigured tool"
      3. Create a course
      4. Turn editing mode on and click add an activity or resource.
      5. Select a tool type directly from the activity chooser.
      6. Add an activity name
      7. Click Save and display
      8. Open messaging drawer
      9. Click on admin user at Starred section
      10. Write a message and send it
      11. Confirm the message is left aligned.
      Show
      IMPORTANT! Test on different browsers, including Firefox. Login as admin Go to Site administration ▶︎ Plugins ▶︎ Activity modules ▶︎ LTI ▶︎ Manage external tool types Click "Add external tool configuration" Give it a name Fill in a URL ( http://lti.tools/test/tp.php  or  http://online.dr-chuck.com/sakai-api-test/  are proper tools. But any website will do.) Tick "Show in activity chooser and as a preconfigured tool" Create a course Turn editing mode on and click add an activity or resource. Select a tool type directly from the activity chooser. Add an activity name Click Save and display Open messaging drawer Click on admin user at Starred section Write a message and send it Confirm the message is left aligned.

    Description

      Normally the texts of chat messages are aligned left.

      But when i klick on a ZOOM-Activity integrated by LTI and then open the Messenger (Toggle messaging drawer), the textalignment is centered.

      The css in the inspector says:
      "Inherited from div: .path-mod-lti .message { text-align: center }"

      • The css selector ".path-mod-lti .message" under /mod/lti/styles.css is to general and affects the messenger css!?.

      Steps to reproduce:

      requirements: Zoom activity integrated by LTI

      Normal:

      • open your chat massenger (not on the zoom acticity page) (Toggle messaging drawer)
      • open any chatmessage
      • -> text alignment left

      Bug:

      • create a Zoom activity (LTI)
      • klick on the created activity
      • open your chat massenger (in the Zoom acticity page) (Toggle messaging drawer).
      • EXPECTED: text alignment of the chattext is left
      • ACTUALLY: text alignment centered

      Thank you

      Attachments

        1. after.png
          after.png
          86 kB
        2. alignment_center.png
          alignment_center.png
          181 kB
        3. alignment_left.png
          alignment_left.png
          94 kB
        4. before.png
          before.png
          86 kB
        5. MDL-69023_master_chrome.png
          MDL-69023_master_chrome.png
          209 kB
        6. MDL-69023_master_firefox.png
          MDL-69023_master_firefox.png
          260 kB
        7. MDL-69023_master_opera.png
          MDL-69023_master_opera.png
          233 kB
        8. MDL-69023_v311_chrome.png
          MDL-69023_v311_chrome.png
          231 kB
        9. MDL-69023_v311_firefox.png
          MDL-69023_v311_firefox.png
          277 kB
        10. MDL-69023_v311_opera.png
          MDL-69023_v311_opera.png
          274 kB

        Activity

          People

            Daniel Ziegenberg Daniel Ziegenberg
            fdl Felix Di Lenarda
            Amaia Anabitarte Amaia Anabitarte
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Angelia Dela Cruz Angelia Dela Cruz
            Jake Dallimore, Mathew May, Mihail Geshoski, Huong Nguyen, Bas Brands, Mathew May
            Votes:
            1 Vote for this issue
            Watchers:
            8 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              17/Jan/22

              Time Tracking

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 hour, 51 minutes
                1h 51m