From eecff3d15bd096ce50d4adb3aa1e0888d3b6178f Mon Sep 17 00:00:00 2001
From: Joe <johani@discourse.org>
Date: Thu, 26 Nov 2020 21:03:25 +0800
Subject: [PATCH] DEV: Ensures mobile RTL stylesheets are loaded (#11360)

This PR only makes CSS changes that have no visual impact, but they fix an issue in the compiler that causes some stylesheets not to load on mobile RTL.

Full context here

https://meta.discourse.org/t/user-card-will-not-open-on-the-mobile/171268/6?u=johani
---
 .../stylesheets/common/admin/admin_base.scss     | 16 ++++++++--------
 app/assets/stylesheets/desktop/login.scss        |  8 ++++----
 app/assets/stylesheets/mobile/edit-category.scss |  4 ++--
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/app/assets/stylesheets/common/admin/admin_base.scss b/app/assets/stylesheets/common/admin/admin_base.scss
index bb6f74f0a43..980cad669fa 100644
--- a/app/assets/stylesheets/common/admin/admin_base.scss
+++ b/app/assets/stylesheets/common/admin/admin_base.scss
@@ -59,8 +59,8 @@ $mobile-breakpoint: 700px;
       height: 100%;
       background: linear-gradient(
         to right,
-        rgba(var(--secondary-rgb), 1) 0%,
-        rgba(var(--secondary-rgb), 0) 100%
+        rgba(var(--secondary-rgb), 1),
+        rgba(var(--secondary-rgb), 0)
       );
     }
     &:after {
@@ -71,8 +71,8 @@ $mobile-breakpoint: 700px;
       height: 100%;
       background: linear-gradient(
         to right,
-        rgba(var(--secondary-rgb), 0) 0%,
-        rgba(var(--secondary-rgb), 1) 100%
+        rgba(var(--secondary-rgb), 0),
+        rgba(var(--secondary-rgb), 1)
       );
     }
   }
@@ -471,8 +471,8 @@ $mobile-breakpoint: 700px;
       height: calc(100% - 5px);
       background: linear-gradient(
         to right,
-        rgba(var(--primary-low-rgb), 1) 0%,
-        rgba(var(--primary-low-rgb), 0) 100%
+        rgba(var(--primary-low-rgb), 1),
+        rgba(var(--primary-low-rgb), 0)
       );
     }
 
@@ -484,8 +484,8 @@ $mobile-breakpoint: 700px;
       height: calc(100% - 5px);
       background: linear-gradient(
         to right,
-        rgba(var(--primary-low-rgb), 0) 0%,
-        rgba(var(--primary-low-rgb), 1) 100%
+        rgba(var(--primary-low-rgb), 0),
+        rgba(var(--primary-low-rgb), 1)
       );
     }
   }
diff --git a/app/assets/stylesheets/desktop/login.scss b/app/assets/stylesheets/desktop/login.scss
index dac1f731c50..70a882bfc34 100644
--- a/app/assets/stylesheets/desktop/login.scss
+++ b/app/assets/stylesheets/desktop/login.scss
@@ -157,8 +157,8 @@
       }
       background-image: linear-gradient(
         to bottom,
-        rgba(var(--secondary-rgb), 0) 0%,
-        rgba(var(--secondary-rgb), 0.9) 100%
+        rgba(var(--secondary-rgb), 0),
+        rgba(var(--secondary-rgb), 0.9)
       );
     }
     &:before {
@@ -166,8 +166,8 @@
       height: 25px;
       background-image: linear-gradient(
         to top,
-        rgba(var(--secondary-rgb), 0) 0%,
-        rgba(var(--secondary-rgb), 1) 100%
+        rgba(var(--secondary-rgb), 0),
+        rgba(var(--secondary-rgb), 1)
       );
     }
     form {
diff --git a/app/assets/stylesheets/mobile/edit-category.scss b/app/assets/stylesheets/mobile/edit-category.scss
index 42fa52f40da..c950d294585 100644
--- a/app/assets/stylesheets/mobile/edit-category.scss
+++ b/app/assets/stylesheets/mobile/edit-category.scss
@@ -12,8 +12,8 @@ div.edit-category {
     &:after {
       background: linear-gradient(
         to right,
-        rgba(var(--secondary-rgb), 0) 0%,
-        rgba(var(--secondary-rgb), 1) 100%
+        rgba(var(--secondary-rgb), 0),
+        rgba(var(--secondary-rgb), 1)
       );
       content: "";
       position: absolute;