diff --git a/app/views/enhanced_ux/calendars/_custom_calendar.html.erb b/app/views/enhanced_ux/calendars/_custom_calendar.html.erb index 29d2962..14dbed7 100644 --- a/app/views/enhanced_ux/calendars/_custom_calendar.html.erb +++ b/app/views/enhanced_ux/calendars/_custom_calendar.html.erb @@ -29,6 +29,8 @@ ...(resourcesAll[document.documentElement.lang] || {}), }; + const isRtl = $('head link[rel="stylesheet"][href*="/rtl"]').length > 0; + const csrfToken = $('meta[name="csrf-token"]').attr("content"); const homeUrl = $("link[href*='favicon.ico']") @@ -406,7 +408,13 @@ }); } $("#countdown_timer .countdown_timer_label").text( - direction === "next" ? "⇨" : "⇦" + isRtl + ? direction === "next" + ? "⇦" + : "⇨" + : direction === "next" + ? "⇨" + : "⇦" ); $("#countdown_timer").show(); $(document).on("mousemove.countdown_timer", (e) => { @@ -705,7 +713,7 @@ background-repeat: no-repeat; padding-left: 20px; cursor: pointer; - margin-left: 10px; + margin: 0 10px; font-weight: normal; } @@ -922,4 +930,25 @@ } } } + + /* Support RTL */ + html[dir="rtl"], + html:has(head link[rel="stylesheet"][href*="/rtl"]) { + @media screen and (min-width: 900px) { + #content { + & > div.contextual { + left: 15px; + right: auto; + } + } + } + #dSwitchNext { + left: 0; + right: auto; + } + #dSwitchPrev { + left: auto; + right: 0; + } + } diff --git a/app/views/enhanced_ux/gantts/_custom_gantt_chart.html.erb b/app/views/enhanced_ux/gantts/_custom_gantt_chart.html.erb index 1a0dee3..b6958da 100644 --- a/app/views/enhanced_ux/gantts/_custom_gantt_chart.html.erb +++ b/app/views/enhanced_ux/gantts/_custom_gantt_chart.html.erb @@ -3,6 +3,7 @@ // Insertion position: Head of all pages // Type: HTML // Comment: Custom gantt chart +// Note: RTL view is not supported. -->