diff --git a/core/themes/seven/css/base/print.css b/core/themes/seven/css/base/print.css index bb87d92..18fc584 100644 --- a/core/themes/seven/css/base/print.css +++ b/core/themes/seven/css/base/print.css @@ -47,7 +47,11 @@ } .messages { border-width: 1px; - border-left-color: #999; + border-left-color: #999; /* LTR */ + } + [dir="rtl"] .messages { + border-left-color: transparent; + border-right-color: #999; } .is-collapse-enabled .tabs { max-height: 999em; diff --git a/core/themes/seven/css/components/buttons.css b/core/themes/seven/css/components/buttons.css index c6e0d3d..d0c24fb 100644 --- a/core/themes/seven/css/components/buttons.css +++ b/core/themes/seven/css/components/buttons.css @@ -110,13 +110,19 @@ * Overrides styling from system.theme. */ .button-action:before { - margin-left: -0.2em; - padding-right: 0.2em; + margin-left: -0.2em; /* LTR */ + padding-right: 0.2em; /* LTR */ font-size: 14px; font-size: 0.875rem; line-height: 16px; -webkit-font-smoothing: auto; } +[dir="rtl"] .button-action:before { + margin-right: -0.2em; + margin-left: 0; + padding-right: 0; + padding-left: 0.2em; +} /** * 1. Use px units to ensure button text is centered vertically. diff --git a/core/themes/seven/css/components/dialog.theme.css b/core/themes/seven/css/components/dialog.theme.css index 7dfd9cc..e7096b5 100644 --- a/core/themes/seven/css/components/dialog.theme.css +++ b/core/themes/seven/css/components/dialog.theme.css @@ -33,13 +33,17 @@ .ui-dialog .ui-dialog-titlebar-close { border: 0; background: none; - right: 20px; + right: 20px; /* LTR */ top: 20px; margin: 0; height: 16px; width: 16px; position: absolute; } +[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close { + right: auto; + left: 20px; +} .ui-dialog .ui-icon.ui-icon-closethick { background: url(../../../../misc/icons/ffffff/ex.svg) 0 0 no-repeat; margin-top: -12px; @@ -79,7 +83,7 @@ } .ui-dialog .ajax-progress-throbber { /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */ - left: 49%; + left: 49%; /* LTR */ position: fixed; top: 48.5%; z-index: 1000; @@ -93,6 +97,10 @@ padding: 4px; width: 24px; } +[dir="rtl"] .ui-dialog .ajax-progress-throbber { + left: auto; + right: 49%; +} .ui-dialog .ajax-progress-throbber .throbber, .ui-dialog .ajax-progress-throbber .message { display: none; diff --git a/core/themes/seven/css/components/dropbutton.component.css b/core/themes/seven/css/components/dropbutton.component.css index 9c6db04..6f08502 100644 --- a/core/themes/seven/css/components/dropbutton.component.css +++ b/core/themes/seven/css/components/dropbutton.component.css @@ -16,10 +16,18 @@ font-weight: 600; line-height: normal; -webkit-font-smoothing: antialiased; - text-align: left; + text-align: left; /* LTR */ +} +[dir="rtl"] .js .dropbutton .dropbutton-action > input, +[dir="rtl"] .js .dropbutton .dropbutton-action > a, +[dir="rtl"] .js .dropbutton .dropbutton-action > button { + text-align: right; } .js .dropbutton-action.last { - border-radius: 0 0 0 1em; + border-radius: 0 0 0 1em; /* LTR */ +} +[dir="rtl"] .js .dropbutton-action.last { + border-radius: 0 0 1em 0; } /** @@ -236,9 +244,13 @@ } .dropbutton-arrow { border-top-color: #333; - right: 35%; + right: 35%; /* LTR */ top: 54%; } +[dir="rtl"] .dropbutton-arrow { + left: 35%; + right: auto; +} .dropbutton-multiple.open .dropbutton-arrow { border-bottom: 0.3333em solid #333; border-top-color: transparent; diff --git a/core/themes/seven/css/components/form.css b/core/themes/seven/css/components/form.css index 17d75a4..d1c517f 100644 --- a/core/themes/seven/css/components/form.css +++ b/core/themes/seven/css/components/form.css @@ -130,8 +130,8 @@ input.form-file, input.form-date, input.form-time, textarea.form-textarea { - box-sizing: border-box; - padding: .3em .4em .3em .5em; + box-sizing: border-box; + padding: .3em .4em .3em .5em; /* LTR */ max-width: 100%; border: 1px solid #b8b8b8; border-top-color: #999; @@ -145,6 +145,9 @@ textarea.form-textarea { -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } +[dir="rtl"] textarea.form-textarea { + padding: .3em .5em .3em .4em; +} .form-text:focus, .form-tel:focus, .form-email:focus, @@ -170,11 +173,12 @@ textarea.form-textarea { .form-item .password-suggestions { float: left; /* LTR */ - clear: left; + clear: left; /* LTR */ width: 100%; } [dir="rtl"] .form-item .password-suggestions { float: right; + clear: right; } .form-item-pass .description { clear: both; diff --git a/core/themes/seven/css/components/jquery.ui/theme.css b/core/themes/seven/css/components/jquery.ui/theme.css index 12d36ed..6732809 100644 --- a/core/themes/seven/css/components/jquery.ui/theme.css +++ b/core/themes/seven/css/components/jquery.ui/theme.css @@ -86,9 +86,12 @@ background-image: url(../../../images/ui-icons-ffffff-256x240.png); } .ui-widget p .ui-icon { - margin: 2px 3px 0 0; + margin: 2px 3px 0 0; /* LTR */ } +[dir="rtl"] .ui-widget p .ui-icon { + margin: 2px 0 0 3px; +} /* positioning */ .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } @@ -307,10 +310,13 @@ border-bottom-right-radius: 0; } .ui-tabs .ui-tabs-nav li { - padding: 0 1em 0 10px; + padding: 0 1em 0 10px; /* LTR */ margin: 0; list-style: none; } +[dir="rtl"] .ui-tabs .ui-tabs-nav li { + padding: 0 10px 0 1em; +} .ui-tabs .ui-tabs-nav li a { float: none; padding: 0 10px; diff --git a/core/themes/seven/css/components/pager.css b/core/themes/seven/css/components/pager.css index 9984437..6a84de3 100644 --- a/core/themes/seven/css/components/pager.css +++ b/core/themes/seven/css/components/pager.css @@ -3,9 +3,12 @@ * Styles for Seven's Pagination. */ .pager__items { - margin: 0.25em 0 0.25em 1.5em; + margin: 0.25em 0 0.25em 1.5em; /* LTR */ padding: 0; } +[dir="rtl"] .pager__items { + margin: 0.25em 1.5em 0.25em 0; +} .pager__item { display: inline-block; color: #8c8c8c; diff --git a/core/themes/seven/css/components/tour.theme.css b/core/themes/seven/css/components/tour.theme.css index a5e0cc4..d2ac534 100644 --- a/core/themes/seven/css/components/tour.theme.css +++ b/core/themes/seven/css/components/tour.theme.css @@ -34,14 +34,22 @@ } .joyride-tip-guide .joyride-nub.right { border-top-color: transparent; - border-right-color: transparent; + border-right-color: transparent; /* LTR */ border-bottom-color: transparent; } +[dir="rtl"] .joyride-tip-guide .joyride-nub.right { + border-left-color: transparent; + border-right-color: rgba(0,0,0, 0.8); +} .joyride-tip-guide .joyride-nub.left { border-top-color: transparent; - border-left-color: transparent; + border-left-color: transparent; /* LTR */ border-bottom-color: transparent; } +[dir="rtl"] .joyride-tip-guide .joyride-nub.left { + border-left-color: rgba(0,0,0, 0.8); + border-right-color: transparent; +} .joyride-tip-guide .joyride-nub.top-right { border-top-color: transparent; border-left-color: transparent; diff --git a/core/themes/seven/css/components/views-ui.css b/core/themes/seven/css/components/views-ui.css index 837ae32..960d008 100644 --- a/core/themes/seven/css/components/views-ui.css +++ b/core/themes/seven/css/components/views-ui.css @@ -242,7 +242,11 @@ details.fieldset-no-legend { } .views-ui-rearrange-filter-form tr td:last-child { - border-right: medium none; + border-right: medium none; /* LTR */ +} +[dir="rtl"] .views-ui-rearrange-filter-form tr td:last-child { + border-left: medium none; + border-right: initial; } .views-ui-rearrange-filter-form .filter-group-operator-row { @@ -277,7 +281,11 @@ details.fieldset-no-legend { .views-query-info table tr td:last-child { /* Fixes a Seven style that bleeds down into this table unnecessarily */ - border-right: 0 none; + border-right: 0 none; /* LTR */ +} +[dir="rtl"] .views-query-info table tr td:last-child { + border-left: 0 none; + border-right: initial; } /* @end */ diff --git a/core/themes/seven/css/theme/install-page.css b/core/themes/seven/css/theme/install-page.css index c43b42e..3a2f217 100644 --- a/core/themes/seven/css/theme/install-page.css +++ b/core/themes/seven/css/theme/install-page.css @@ -14,9 +14,12 @@ url(../../images/noise-low.png), radial-gradient(hsl(203, 80%, 45%), hsl(203, 80%, 32%)); background-repeat: repeat; - background-position: left top, 50% 50%; + background-position: left top, 50% 50%; /* LTR */ min-height: 100%; } +[dir="rtl"] .install-page { + background-position: right top, 50% 50%; +} /** * Password widget diff --git a/core/themes/seven/css/theme/maintenance-page.css b/core/themes/seven/css/theme/maintenance-page.css index f6b93a0..2d9c30d 100644 --- a/core/themes/seven/css/theme/maintenance-page.css +++ b/core/themes/seven/css/theme/maintenance-page.css @@ -7,9 +7,12 @@ background-image: -webkit-radial-gradient(hsl(203, 2%, 90%), hsl(203, 2%, 95%)); background-image: radial-gradient(hsl(203, 2%, 90%), hsl(203, 2%, 95%)); background-repeat: repeat; - background-position: left top, 50% 50%; + background-position: left top, 50% 50%; /* LTR */ min-height: 100%; } +[dir="rtl"] .maintenance-page { + background-position: right top, 50% 50%; +} .page-title { font-size: 2em;