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 bb6f74f0a4..980cad669f 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 dac1f731c5..70a882bfc3 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 42fa52f40d..c950d29458 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;