Commit 508aa670 authored by alexpott's avatar alexpott

Issue #2393267 by herom: Add missing RTL rules to Views UI CSS

parent aec0d2b0
......@@ -26,44 +26,68 @@
/* @group Columns */
.views-left-25 {
float: left;
float: left; /* LTR */
width: 25%;
}
[dir="rtl"] .views-left-25 {
float: right;
}
.views-left-30 {
float: left;
float: left; /* LTR */
width: 30%;
}
[dir="rtl"] .views-left-30 {
float: right;
}
.views-left-40 {
float: left;
float: left; /* LTR */
width: 40%;
}
[dir="rtl"] .views-left-40 {
float: right;
}
.views-left-50 {
float: left;
float: left; /* LTR */
width: 50%;
}
[dir="rtl"] .views-left-50 {
float: right;
}
.views-left-75 {
float: left;
float: left; /* LTR */
width: 75%;
}
[dir="rtl"] .views-left-75 {
float: right;
}
.views-right-50 {
float: right;
float: right; /* LTR */
width: 50%;
}
[dir="rtl"] .views-right-50 {
float: left;
}
.views-right-60 {
float: right;
float: right; /* LTR */
width: 60%;
}
[dir="rtl"] .views-right-60 {
float: left;
}
.views-right-70 {
float: right;
float: right; /* LTR */
width: 70%;
}
[dir="rtl"] .views-right-70 {
float: left;
}
.views-group-box .form-item {
margin-left: 3px;
......@@ -99,13 +123,15 @@
}
.views-displays .secondary > li {
border-right: 0 none;
border-right: 0 none; /* LTR */
display: inline-block;
float: left; /* LTR */
padding: 0;
}
[dir="rtl"] .views-displays .secondary > li {
float: right;
border-left: 0 none;
border-right: 1px solid #bfbfbf;
}
.views-displays .secondary .open > a {
......
......@@ -85,9 +85,12 @@
*/
.views-admin span.icon {
display: inline-block;
float: left;
float: left; /* LTR */
position: relative;
}
[dir="rtl"] .views-admin span.icon {
float: right;
}
.views-admin .icon.compact {
display: block;
......@@ -117,7 +120,10 @@
}
.views-admin a.icon.add {
background-position: center 3px, left top;
background-position: center 3px, left top; /* LTR */
}
[dir="rtl"] .views-admin a.icon.add {
background-position: center 3px, right top;
}
.views-admin .icon.delete {
......@@ -125,7 +131,10 @@
}
.views-admin a.icon.delete {
background-position: center -52px, left top;
background-position: center -52px, left top; /* LTR */
}
[dir="rtl"] .views-admin a.icon.delete {
background-position: center -52px, right top;
}
.views-admin .icon.rearrange {
......@@ -133,7 +142,10 @@
}
.views-admin a.icon.rearrange {
background-position: center -111px, left top;
background-position: center -111px, left top; /* LTR */
}
[dir="rtl"] .views-admin a.icon.rearrange {
background-position: center -111px, right top;
}
.views-displays .secondary a:hover > .icon.add {
......@@ -177,6 +189,7 @@ input.form-radio {
}
[dir="rtl"] .form-submit:not(.js-hide) + .form-submit,
[dir="rtl"] .views-admin a.button:not(.js-hide) + a.button {
margin-left: 0;
margin-right: 1em;
}
......@@ -367,9 +380,14 @@ td.group-title {
.group-message .form-submit,
.views-remove-group-link,
#views-add-group {
float: right;
float: right; /* LTR */
clear: both;
}
[dir="rtl"] .group-message .form-submit,
[dir="rtl"] .views-remove-group-link,
[dir="rtl"] #views-add-group {
float: left;
}
.views-operator-label {
font-style: italic;
......@@ -384,9 +402,15 @@ td.group-title {
.grouped-description,
.exposed-description {
float: left;
float: left; /* LTR */
padding-top: 3px;
padding-right: 10px;
padding-right: 10px; /* LTR */
}
[dir="rtl"] .grouped-description,
[dir="rtl"] .exposed-description {
float: right;
padding-left: 10px;
padding-right: 0;
}
#edit-options-more {
......@@ -413,16 +437,29 @@ td.group-title {
}
.views-display-top .secondary {
margin-right: 18em;
margin-right: 18em; /* LTR */
}
[dir="rtl"] .views-display-top .secondary {
margin-left: 18em;
margin-right: 0;
}
.views-display-top .secondary > li {
margin-right: 6px;
padding-left: 0;
margin-right: 6px; /* LTR */
padding-left: 0; /* LTR */
}
[dir="rtl"] .views-display-top .secondary > li {
margin-left: 6px;
margin-right: 0.3em;
padding-right: 0;
}
.views-display-top .secondary > li:last-child {
margin-right: 0;
margin-right: 0; /* LTR */
}
[dir="rtl"] .views-display-top .secondary > li:last-child {
margin-left: 0;
margin-right: 0.3em;
}
.views-display-top #views-display-top {
......@@ -437,9 +474,13 @@ td.group-title {
*/
.views-displays .tabs.secondary {
margin-right: 200px;
margin-right: 200px; /* LTR */
border: 0;
}
[dir="rtl"] .views-displays .tabs.secondary {
margin-left: 200px;
margin-right: 0;
}
.views-displays .tabs.secondary li,
.views-displays .tabs.secondary li.active {
......@@ -455,7 +496,11 @@ td.group-title {
}
.views-displays .tabs.secondary li {
margin: 0 5px 0 6px;
margin: 0 5px 0 6px; /* LTR */
}
[dir="rtl"] .views-displays .tabs.secondary li {
margin-left: 5px;
margin-right: 6px;
}
.views-displays .tabs.secondary .tabs__tab + .tabs__tab {
......@@ -464,7 +509,11 @@ td.group-title {
.views-displays .tabs.secondary li.tabs__tab:hover {
border: 0;
padding-left: 0;
padding-left: 0; /* LTR */
}
[dir="rtl"] .views-displays .tabs.secondary li.tabs__tab:hover {
padding-left: 15px;
padding-right: 0;
}
.views-displays .tabs.secondary a {
......@@ -593,7 +642,11 @@ td.group-title {
#views-ui-preview-form .form-type-checkbox {
margin-top: 2px;
margin-left: 2px;
margin-left: 2px; /* LTR */
}
[dir="rtl"] #views-ui-preview-form .form-type-checkbox {
margin-left: 0;
margin-right: 2px;
}
#views-ui-preview-form .form-type-textfield, #views-ui-preview-form .form-actions {
......@@ -606,15 +659,25 @@ td.group-title {
#views-ui-preview-form .arguments-preview,
#views-ui-preview-form .form-type-textfield {
margin-left: 14px;
margin-left: 14px; /* LTR */
}
[dir="rtl"] #views-ui-preview-form .arguments-preview,
[dir="rtl"] #views-ui-preview-form .form-type-textfield {
margin-left: 0;
margin-right: 14px;
}
#views-ui-preview-form .form-type-textfield label {
display: inline-block;
float: left;
float: left; /* LTR */
font-weight: normal;
height: 6ex;
margin-right: 0.75em;
margin-right: 0.75em; /* LTR */
}
[dir="rtl"] #views-ui-preview-form .form-type-textfield label {
float: right;
margin-left: 0.75em;
margin-right: 0.2em;
}
.form-item-live-preview,
......@@ -866,7 +929,11 @@ td.group-title {
}
.views-ui-dialog details .item-list {
padding-left: 2em;
padding-left: 2em; /* LTR */
}
[dir="rtl"] .views-ui-dialog details .item-list {
padding-left: 0;
padding-right: 2em;
}
/* @end */
......@@ -901,7 +968,11 @@ td.group-title {
}
.views-ui-rearrange-filter-form tr[id^="views-row"] {
border-right: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd; /* LTR */
}
[dir="rtl"] .views-ui-rearrange-filter-form tr[id^="views-row"] {
border-left: 1px solid #cdcdcd;
border-right: 0;
}
.views-ui-rearrange-filter-form tr[id^="views-row"].even td {
......@@ -924,9 +995,15 @@ td.group-title {
.form-item-options-expose-label,
.form-item-options-expose-description {
margin-bottom: 6px;
margin-left: 18px;
margin-left: 18px; /* LTR */
margin-top: 6px;
}
[dir="rtl"] .form-item-options-expose-required,
[dir="rtl"] .form-item-options-expose-label,
[dir="rtl"] .form-item-options-expose-description {
margin-left: 0;
margin-right: 18px;
}
/* @end */
......@@ -1064,10 +1141,14 @@ div.messages {
}
.js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
position: absolute;
right: -5px;
right: -5px; /* LTR */
top: -1px;
z-index: 2;
}
[dir="rtl"].js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber {
left: -5px;
right: auto;
}
.js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a {
border-radius: 1.1em 0 0 0; /* LTR */
}
......@@ -1082,9 +1163,13 @@ div.messages {
}
.views-display-top .dropbutton-wrapper {
position: absolute;
right: 12px;
right: 12px; /* LTR */
top: 7px;
}
[dir="rtl"] .views-display-top .dropbutton-wrapper {
left: 12px;
right: auto;
}
.views-display-top .dropbutton-wrapper .dropbutton-widget .dropbutton-action a {
width: auto;
}
......@@ -1109,9 +1194,14 @@ div.messages {
border: medium;
font-family: inherit;
font-size: 12px;
padding-left: 12px;
padding-left: 12px; /* LTR */
margin-bottom: 0;
}
[dir="rtl"] .views-ui-display-tab-actions .dropbutton-wrapper li a,
[dir="rtl"] .views-ui-display-tab-actions .dropbutton-wrapper input {
padding-left: 0.5em;
padding-right: 12px;
}
.views-ui-display-tab-actions .dropbutton-wrapper input:hover {
background: none;
......
......@@ -10,9 +10,12 @@
}
#views-live-preview div.contextual {
right: auto;
right: auto; /* LTR */
top: auto;
}
[dir="rtl"] #views-live-preview div.contextual {
left: auto;
}
html.js #views-live-preview div.contextual {
display: inline;
......@@ -31,18 +34,27 @@ html.js #views-live-preview div.contextual {
/* @group List */
div.contextual ul.contextual-links {
border-radius: 0 4px 4px 4px;
border-radius: 0 4px 4px 4px; /* LTR */
min-width: 10em;
padding: 6px 6px 9px 6px;
right: auto;
right: auto; /* LTR */
}
[dir="rtl"] div.contextual ul.contextual-links {
border-radius: 4px 0 4px 4px;
left: auto;
}
ul.contextual-links li a,
ul.contextual-links li span {
padding-bottom: 0.25em;
padding-right: 0.1667em;
padding-right: 0.1667em; /* LTR */
padding-top: 0.25em;
}
[dir="rtl"] ul.contextual-links li a,
[dir="rtl"] ul.contextual-links li span {
padding-left: 0.1667em;
padding-right: 0;
}
ul.contextual-links li span {
font-weight: bold;
......@@ -51,7 +63,11 @@ ul.contextual-links li span {
ul.contextual-links li a {
color: #666 !important;
margin: 0.25em 0;
padding-left: 1em;
padding-left: 1em; /* LTR */
}
[dir="rtl"] ul.contextual-links li a {
padding-left: 0.1667em;
padding-right: 1em;
}
ul.contextual-links li a:hover {
......
......@@ -63,9 +63,16 @@ details.fieldset-no-legend {
.form-item-options-expose-required,
.form-item-options-expose-label,
.form-item-options-expose-description {
margin-left: 1.5em;
margin-left: 1.5em; /* LTR */
}
[dir="rtl"] .form-item-options-expose-required,
[dir="rtl"] .form-item-options-expose-label,
[dir="rtl"] .form-item-options-expose-description {
margin-left: 0;
margin-right: 1.5em;
}
.views-admin-dependent .form-item .form-item,
.views-admin-dependent .form-type-checkboxes,
.views-admin-dependent .form-type-radios,
......@@ -124,7 +131,10 @@ details.fieldset-no-legend {
.views-display-top ul.secondary {
background-color: transparent;
float: left
float: left; /* LTR */
}
[dir="rtl"] .views-display-top ul.secondary {
float: right;
}
.views-display-top .secondary .action-list li {
......@@ -182,7 +192,10 @@ details.fieldset-no-legend {
}
.views-displays .secondary .action-list li:first-child {
border-radius: 0 7px 0 0;
border-radius: 0 7px 0 0; /* LTR */
}
[dir="rtl"] .views-displays .secondary .action-list li:first-child {
border-radius: 7px 0 0 0;
}
.views-displays .secondary .action-list li:last-child {
......@@ -210,7 +223,11 @@ details.fieldset-no-legend {
}
.views-ui-display-tab-bucket .links li + li {
margin-left: 3px;
margin-left: 3px; /* LTR */
}
[dir="rtl"] .views-ui-display-tab-bucket .links li + li {
margin-left: 0;
margin-right: 3px;
}
/* @end */
......@@ -290,8 +307,12 @@ details.fieldset-no-legend {
.filterable-option .form-item.form-type-checkbox {
/* This selector is aggressive because Seven's reset for .form-items is aggressive. */
padding-bottom: 4px;
padding-left: 4px;
padding-left: 4px; /* LTR */
padding-top: 4px;
}
[dir="rtl"] .filterable-option .form-item.form-type-checkbox {
padding-left: 8px;
padding-right: 4px;
}
/* @end */
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