Skip to content

Commit

Permalink
Add RTL patch for older browsers, e.g., Chrome < 120
Browse files Browse the repository at this point in the history
  • Loading branch information
fsbraun committed May 2, 2024
1 parent bc52f94 commit 4a0138e
Show file tree
Hide file tree
Showing 2 changed files with 47 additions and 6 deletions.
10 changes: 4 additions & 6 deletions cms/static/cms/sass/cms.base.scss
Original file line number Diff line number Diff line change
Expand Up @@ -54,9 +54,7 @@ div.cms {
@import "components/pagetree/node-state";
}

//##############################################################################
// DJANGO DEBUG TOOLBAR FIX
// removed as of: //github.com/divio/django-cms/issues/2476
// #djDebug #djDebugToolbarHandle {
// top:35px !important; border-right:none !important;
// }
// Can be removed once suffucently many users have browsers the supprt `:dir()`

Check failure on line 57 in cms/static/cms/sass/cms.base.scss

View workflow job for this annotation

GitHub Actions / codespell

supprt ==> support
div.cms[dir=rtl] {
@import "libs/rtl_patch";
}
43 changes: 43 additions & 0 deletions cms/static/cms/sass/libs/_rtl_patch.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
/* This patch file contains all :dir(rtl) selectors for browsers that do not support it yet */
/* Once, sufficiantly many users have browsers that support `:dir()`, this file can be removed */

Check failure on line 2 in cms/static/cms/sass/libs/_rtl_patch.scss

View workflow job for this annotation

GitHub Actions / codespell

sufficiantly ==> sufficiently

/* component: toolbar */

.cms-toolbar {
.cms-toolbar-item {
float: right;
}
}

.cms-toolbar-item-navigation {
li, li a {
float: right;
}
.cms-toolbar-item-navigation-children > a span .cms-icon {
transform: rotate(0deg);
}
}

.cms-toolbar-more .cms-toolbar-item-cms-mode-switcher a {
float: right !important;
}

.cms-messages .cms-messages-close {
float: left;
}

.cms-toolbar-item-buttons a {
float: right;
}


/* component: modal */

.cms-modal-item-buttons {
float: left;
}

.cms-modal-item-buttons-left {
float: right;
}

0 comments on commit 4a0138e

Please sign in to comment.