From 240e2a36d3bfbc97ae4fffe4a1614e1cb4596305 Mon Sep 17 00:00:00 2001 From: Luis Ramos Date: Fri, 1 May 2020 17:38:42 +0100 Subject: [PATCH 1/2] Make option color explicitly gray and not white otherwise we will have options render white on white on some browsers, namely chrome on windows 10 --- app/assets/stylesheets/darkswarm/_shop-navigation.css.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss b/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss index 80c2bfe09a..658327251b 100644 --- a/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss +++ b/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss @@ -75,6 +75,10 @@ ordercycle { border-radius: 0 0.25em 0.25em 0; min-width: 13em; + option { + color: $grey-700; + } + @media all and (max-width: 480px) { width: 100%; } From 9ae3ad92796b67caad4cac7e52e53dd2c1523bc3 Mon Sep 17 00:00:00 2001 From: Luis Ramos Date: Fri, 1 May 2020 17:43:52 +0100 Subject: [PATCH 2/2] Move rule on option out of the select rule to fix rubocop issue --- .../stylesheets/darkswarm/_shop-navigation.css.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss b/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss index 658327251b..95efdfee63 100644 --- a/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss +++ b/app/assets/stylesheets/darkswarm/_shop-navigation.css.scss @@ -75,15 +75,15 @@ ordercycle { border-radius: 0 0.25em 0.25em 0; min-width: 13em; - option { - color: $grey-700; - } - @media all and (max-width: 480px) { width: 100%; } } + option { + color: $grey-700; + } + @media all and (max-width: 1024px) { float: none; margin-right: 1em;