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

core/profiles/demo_umami/css/toolbar-warning.css

@@ -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;
+  }
 }

core/profiles/demo_umami/themes/umami/css/components/blocks/disclaimer/disclaimer.css

@@ -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;
   }
 }

core/profiles/demo_umami/themes/umami/css/components/blocks/recipe-collections/recipe-collections.css

@@ -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 {

core/profiles/demo_umami/themes/umami/css/components/navigation/more-link/more-link.css

@@ -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);
+}

core/profiles/demo_umami/themes/umami/css/components/regions/footer/footer.css

@@ -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;