Commit 28a68ac4 authored by alexpott's avatar alexpott

Issue #2396483 by Karmen, balagan, SoumyaDas, saki007ster, lauriii,...

Issue #2396483 by Karmen, balagan, SoumyaDas, saki007ster, lauriii, joginderpc: Add missing RTL rules to Seven theme CSS
parent fbe96ca6
......@@ -47,7 +47,7 @@
}
.messages {
border-width: 1px;
border-left-color: #999;
border-color: #999;
}
.is-collapse-enabled .tabs {
max-height: 999em;
......
......@@ -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.
......
......@@ -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;
......
......@@ -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;
......
......@@ -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;
......
......@@ -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;
......
......@@ -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;
......
......@@ -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;
......
......@@ -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 */
......
......@@ -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
......
......@@ -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;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment