summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAlex Pott2015-04-14 15:40:45 (GMT)
committerAlex Pott2015-04-14 15:40:45 (GMT)
commit28a68ac4c95fe830906e0961e59d595bc7741c34 (patch)
tree8696f12a9876710399fd7929572e58336e235456
parentfbe96ca62f61f00d4ba0730e22fa39838e2f6c58 (diff)
Issue #2396483 by Karmen, balagan, SoumyaDas, saki007ster, lauriii, joginderpc: Add missing RTL rules to Seven theme CSS
-rw-r--r--core/themes/seven/css/base/print.css2
-rw-r--r--core/themes/seven/css/components/buttons.css10
-rw-r--r--core/themes/seven/css/components/dialog.theme.css12
-rw-r--r--core/themes/seven/css/components/dropbutton.component.css18
-rw-r--r--core/themes/seven/css/components/form.css10
-rw-r--r--core/themes/seven/css/components/jquery.ui/theme.css10
-rw-r--r--core/themes/seven/css/components/pager.css5
-rw-r--r--core/themes/seven/css/components/tour.theme.css12
-rw-r--r--core/themes/seven/css/components/views-ui.css12
-rw-r--r--core/themes/seven/css/theme/install-page.css5
-rw-r--r--core/themes/seven/css/theme/maintenance-page.css5
11 files changed, 81 insertions, 20 deletions
diff --git a/core/themes/seven/css/base/print.css b/core/themes/seven/css/base/print.css
index bb87d92..653e511 100644
--- a/core/themes/seven/css/base/print.css
+++ b/core/themes/seven/css/base/print.css
@@ -47,7 +47,7 @@
}
.messages {
border-width: 1px;
- border-left-color: #999;
+ border-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;