diff --git a/core/themes/seven/css/components/admin-panel.css b/core/themes/seven/css/components/admin-panel.css index ad27d3b..b276e72 100644 --- a/core/themes/seven/css/components/admin-panel.css +++ b/core/themes/seven/css/components/admin-panel.css @@ -6,6 +6,10 @@ div.admin-panel .body { padding: 0; clear: left; } +[dir="rtl"] div.admin-panel, +[dir="rtl"] div.admin-panel .body { + clear: right; +} div.admin-panel { margin: 0 0 20px; padding: 9px; diff --git a/core/themes/seven/css/components/buttons.theme.css b/core/themes/seven/css/components/buttons.theme.css index f7152fc..c1ad8ec 100644 --- a/core/themes/seven/css/components/buttons.theme.css +++ b/core/themes/seven/css/components/buttons.theme.css @@ -89,13 +89,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-left: 0; + margin-right: -0.2em; + padding-left: 0.2em; + padding-right: 0; +} /** * 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 4fbe56b..7f3035e 100644 --- a/core/themes/seven/css/components/dialog.theme.css +++ b/core/themes/seven/css/components/dialog.theme.css @@ -38,6 +38,9 @@ width: 16px; position: absolute; } +[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close { + left: 20px; +} .ui-dialog .ui-icon.ui-icon-closethick { background: url(../../../../misc/icons/ffffff/ex.svg) 0 0 no-repeat; margin-top: -12px; diff --git a/core/themes/seven/css/components/dropbutton.component.css b/core/themes/seven/css/components/dropbutton.component.css index 9b91d62..c4034f6 100644 --- a/core/themes/seven/css/components/dropbutton.component.css +++ b/core/themes/seven/css/components/dropbutton.component.css @@ -18,8 +18,16 @@ -webkit-font-smoothing: antialiased; text-align: left; } +[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; } /** @@ -207,6 +215,9 @@ right: 35%; top: 54%; } +[dir="rtl"] .dropbutton-arrow { + left: 35%; +} .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 5dacb03..7d0e0e5 100644 --- a/core/themes/seven/css/components/form.css +++ b/core/themes/seven/css/components/form.css @@ -136,8 +136,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; @@ -151,6 +151,20 @@ 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"] input.form-autocomplete, +[dir="rtl"] input.form-text, +[dir="rtl"] input.form-tel, +[dir="rtl"] input.form-email, +[dir="rtl"] input.form-url, +[dir="rtl"] input.form-search, +[dir="rtl"] input.form-number, +[dir="rtl"] input.form-color, +[dir="rtl"] input.form-file, +[dir="rtl"] input.form-date, +[dir="rtl"] input.form-time, +[dir="rtl"] textarea.form-textarea { + padding: .3em .5em .3em .4em; +} .form-text:focus, .form-tel:focus, .form-email:focus, @@ -175,11 +189,12 @@ textarea.form-textarea { } .form-item .password-suggestions { - float: left; /* LTR */ clear: left; + float: left; /* LTR */ width: 100%; } [dir="rtl"] .form-item .password-suggestions { + clear: right; float: right; } .form-item-pass .description { diff --git a/core/themes/seven/css/components/jquery.ui.theme.css b/core/themes/seven/css/components/jquery.ui.theme.css index b22ca5e..b39a2d0 100644 --- a/core/themes/seven/css/components/jquery.ui.theme.css +++ b/core/themes/seven/css/components/jquery.ui.theme.css @@ -86,7 +86,10 @@ 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 */ @@ -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 6b5f4b4..129a08a 100644 --- a/core/themes/seven/css/components/pager.css +++ b/core/themes/seven/css/components/pager.css @@ -2,9 +2,12 @@ * 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 6353df3..f642b20 100644 --- a/core/themes/seven/css/components/tour.theme.css +++ b/core/themes/seven/css/components/tour.theme.css @@ -37,11 +37,19 @@ border-right-color: transparent; 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-bottom-color: transparent; } +[dir="rtl"] .joyride-tip-guide .joyride-nub.left { + border-left-color: rgba(0,0,0, 0.8); + border-right-color: transparent; +} /* Typography */ .joyride-tip-guide h2 { diff --git a/core/themes/seven/css/components/views-ui.css b/core/themes/seven/css/components/views-ui.css index b10e29f..795f196 100644 --- a/core/themes/seven/css/components/views-ui.css +++ b/core/themes/seven/css/components/views-ui.css @@ -247,9 +247,12 @@ details.fieldset-no-legend { border: medium none; } -.views-ui-rearrange-filter-form tr td:last-child { +[dir="ltr"] .views-ui-rearrange-filter-form tr td:last-child { border-right: medium none; } +[dir="rtl"] .views-ui-rearrange-filter-form tr td:last-child { + border-left: medium none; +} .views-ui-rearrange-filter-form .filter-group-operator-row { border-left: 1px solid transparent !important; @@ -281,10 +284,14 @@ details.fieldset-no-legend { -webkit-border-vertical-spacing: 1px; } -.views-query-info table tr td:last-child { +[dir="ltr"] .views-query-info table tr td:last-child { /* Fixes a Seven style that bleeds down into this table unnecessarily */ border-right: 0 none; } +[dir="rtl"] .views-query-info table tr td:last-child { + /* Fixes a Seven style that bleeds down into this table unnecessarily */ + border-left: 0 none; +} /* @end */