Commit e610f4e5 authored by Gábor Hojtsy's avatar Gábor Hojtsy

Issue #3028771 by shaal, Not Real, pawandubey, kjay, smaz, Eli-T: Add some...

Issue #3028771 by shaal, Not Real, pawandubey, kjay, smaz, Eli-T: Add some missing RTL css for the umami demo
parent 46424a89
......@@ -18,15 +18,20 @@
@media only screen and (min-width: 40em) {
.toolbar-warning {
padding-right: 1em;
padding-right: 1em; /* LTR */
border-radius: 4px;
border-color: #f4daa6;
background-color: #fdf8ed;
background-position: 0.5em center;
background-position: 0.5em center; /* LTR */
background-size: auto 18px;
text-indent: 0;
text-decoration: none;
font-weight: bold;
color: #000;
}
[dir="rtl"] .toolbar-warning {
background-position: right 0.5em center;
padding-left: 1em;
padding-right: 2em;
}
}
......@@ -11,21 +11,28 @@
}
@media screen and (min-width: 75rem) {
.block-type-disclaimer-block {
display: flex;
justify-content: space-between;
}
.block-type-disclaimer-block .field--name-field-disclaimer,
.block-type-disclaimer-block .field--name-field-copyright {
margin-bottom: 0;
text-align: start;
}
.block-type-disclaimer-block .field--name-field-disclaimer {
float: left;
max-width: 40%;
text-align: left;
margin-left: 0.5rem;
margin-left: 0.5rem; /* LTR */
}
[dir="rtl"] .block-type-disclaimer-block .field--name-field-disclaimer {
margin-right: 0.5rem;
margin-left: 0;
}
.block-type-disclaimer-block .field--name-field-copyright {
float: right;
width: 25%;
text-align: left;
}
}
......@@ -22,7 +22,10 @@
.block-views-blockrecipe-collections-block .views-col {
width: 25%;
max-width: 13rem;
text-align: left;
text-align: left; /* LTR */
}
[dir="rtl"] .block-views-blockrecipe-collections-block .views-col {
text-align: right;
}
}
.block-views-blockrecipe-collections-block .views-row {
......
......@@ -8,12 +8,15 @@
background-color: inherit;
position: relative;
display: inline-block;
padding-right: 20px;
padding-right: 20px; /* LTR */
text-decoration: none;
text-transform: uppercase;
border-bottom: 1px solid transparent;
}
[dir=rtl] .read-more__link {
padding-right: unset;
padding-left: 20px;
}
.read-more__link:focus,
.read-more__link:hover {
background-color: inherit;
......@@ -21,11 +24,10 @@
color: #008068;
border-bottom: 1px solid #008068;
}
.read-more__link:before {
position: absolute;
top: 50%;
right: 0;
right: 0; /* LTR */
width: 14px;
height: 14px;
margin-top: -7px;
......@@ -35,3 +37,8 @@
background-position: 0 0;
background-size: contain;
}
[dir=rtl] .read-more__link:before {
right: unset;
left: 0;
transform: rotate(180deg);
}
......@@ -17,9 +17,11 @@
@media screen and (min-width: 60rem) {
.footer {
padding: 1rem 1rem 0;
text-align: left;
text-align: left; /* LTR */
}
[dir="rtl"] .footer {
text-align: right;
}
.region-footer {
display: flex;
justify-content: space-between;
......
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