From 3b70153d6059f5545646a54f3c0b5b428a7f3e2f Mon Sep 17 00:00:00 2001 From: sarahcrack <73823091+sarahcrack@users.noreply.github.com> Date: Wed, 2 Oct 2024 10:12:58 +0100 Subject: [PATCH] Show icon funding widget mobile (#4211) * edited code to still display money icon on funding widget when screen is small * adapted CSS styling to show icon on smaller screens * fixed stylint issue --- app/components/calls_to_action/simple_component.html.erb | 2 +- app/webpacker/styles/call-to-action.scss | 2 -- 2 files changed, 1 insertion(+), 3 deletions(-) diff --git a/app/components/calls_to_action/simple_component.html.erb b/app/components/calls_to_action/simple_component.html.erb index b0273396f1..d1a8a01774 100644 --- a/app/components/calls_to_action/simple_component.html.erb +++ b/app/components/calls_to_action/simple_component.html.erb @@ -1,4 +1,4 @@ -<%= tag.div(class: %w[call-to-action call-to-action--simple] << responsive_classes) do %> +<%= tag.div(class: %w[call-to-action] << responsive_classes) do %> <%= icon %>
diff --git a/app/webpacker/styles/call-to-action.scss b/app/webpacker/styles/call-to-action.scss index 0b54f014e9..978fafd878 100644 --- a/app/webpacker/styles/call-to-action.scss +++ b/app/webpacker/styles/call-to-action.scss @@ -9,8 +9,6 @@ } @include mq($until: tablet) { - flex-direction: column; - &--simple { picture { display: none;