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

Course completion report labels do not align correctly in RTL mode

XMLWordPrintable

    • MOODLE_311_STABLE, MOODLE_32_STABLE, MOODLE_33_STABLE, MOODLE_400_STABLE
    • MOODLE_311_STABLE
    • MDL-58044_master
    • Hide

      Apply suggested CSS code in the admin > appearance > additional HTML "Before BODY is closed" field.

      For Moodle 3.x:

      <style>
      		 
      #page-report-progress-index.dir-rtl .rotated-text {
      		 
          display: block;
      		 
          height: 15rem;
      		 
          transform: translate(50%,100%) rotate(90deg);
      		 
          transform-origin: 100% 0;
      		 
      }
      		 
      </style>

      For Moodle 4:

      <style>
      		 
      #page-report-progress-index.dir-rtl .rotated-text {
      		 
          transform: translate(0,100%) rotate(90deg);
      		 
      }
      		 
      </style>

       

      Show
      Apply suggested CSS code in the admin > appearance > additional HTML "Before BODY is closed" field. For Moodle 3.x: <style> #page-report-progress-index.dir-rtl .rotated-text { display: block; height: 15rem; transform: translate( 50 %, 100 %) rotate(90deg); transform-origin: 100 % 0 ; } </style> For Moodle 4: <style> #page-report-progress-index.dir-rtl .rotated-text { transform: translate( 0 , 100 %) rotate(90deg); } </style>  
    • Moderate
    • Hide
      1. Switch to any RTL language (Hebrew, Arabic,...)
      2. Navigate to course completion report
      3. Make sure table header labels are properly aligned as seen in the screen capture
         
      Show
      Switch to any RTL language (Hebrew, Arabic,...) Navigate to course completion report Make sure table header labels are properly aligned as seen in the screen capture  

      This was detected while integrating MDL-57527 and problems were already existing before it.

      Basically (checked for 32_STABLE and master, not verified for earlier versions):

      • Vertical texts do not rotate properly, specially master, after MDL-57527.
      • RTL mode is completely non-functional, with student names well hidden behind the blocks, missing scroll bars if there are many activities....

      So this is about to get the report perfectly working under both clean and boost in RTL mode, specifically for 32_STABLE and master (note that MDL-57527 made master RTL to look worse than 32_STABLE one).

      Raising the priority of this because it's affecting stables, and should guarantee the report to be be workig perfectly there.

        1. image-2021-09-29-12-09-36-374.png
          image-2021-09-29-12-09-36-374.png
          26 kB
        2. image-2021-09-29-12-10-30-972.png
          image-2021-09-29-12-10-30-972.png
          26 kB
        3. image-2021-09-29-12-11-29-695.png
          image-2021-09-29-12-11-29-695.png
          71 kB
        4. image-2021-09-29-12-42-39-359.png
          image-2021-09-29-12-42-39-359.png
          22 kB
        5. MDL-58044_master.png
          MDL-58044_master.png
          130 kB
        6. MDL-58044_v311.png
          MDL-58044_v311.png
          117 kB
        7. progress_report_rtl_problems.png
          progress_report_rtl_problems.png
          205 kB
        8. proper view of table header labels in RTL mode.png
          proper view of table header labels in RTL mode.png
          84 kB

            nadavkav Nadav Kavalerchik
            stronk7 Eloy Lafuente (stronk7)
            Mathew May Mathew May
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Angelia Dela Cruz Angelia Dela Cruz
            Votes:
            5 Vote for this issue
            Watchers:
            10 Start watching this issue

              Created:
              Updated:
              Resolved:

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

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.