Configure resolve_assets_in_css_urls

18F · Jan 27, 2022 · eabb79f · eabb79f
1 parent 235dfa1
commit eabb79f
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 16 deletions.
diff --git a/app/assets/stylesheets/components/_icon.scss b/app/assets/stylesheets/components/_icon.scss
@@ -10,19 +10,19 @@
   }
 
   &.ico-copy::before {
-    background-image: url(image-path('ico-copy.svg'));
+    background-image: url('ico-copy.svg');
   }
 
   &.ico-download::before {
-    background-image: url(image-path('ico-download.svg'));
+    background-image: url('ico-download.svg');
   }
 
   &.ico-refresh::before {
-    background-image: url(image-path('ico-refresh.svg'));
+    background-image: url('ico-refresh.svg');
   }
 
   &.ico-print::before {
-    background-image: url(image-path('ico-print.svg'));
+    background-image: url('ico-print.svg');
   }
 }
 
@@ -33,7 +33,7 @@
 
   &-success {
     &::before {
-      background-image: url(image-path('alert/success.svg'));
+      background-image: url('alert/success.svg');
       content: '';
       display: block;
       height: $h4;

diff --git a/app/assets/stylesheets/components/_list.scss b/app/assets/stylesheets/components/_list.scss
@@ -31,7 +31,7 @@
     padding: 1rem 1rem 1rem 0;
 
     &::before {
-      background-image: url(image-path('alert/success.svg'));
+      background-image: url('alert/success.svg');
       background-repeat: no-repeat;
       content: '';
       display: inline-block;

diff --git a/app/assets/stylesheets/components/_modal.scss b/app/assets/stylesheets/components/_modal.scss
@@ -53,7 +53,7 @@
     position: relative;
 
     &.key-badge::before {
-      background-image: url(image-path('p-key.svg'));
+      background-image: url('p-key.svg');
       background-repeat: no-repeat;
       content: '';
       height: 60px;
@@ -88,7 +88,7 @@
 
 .modal-timeout {
   &::before {
-    background-image: url(image-path('clock.svg'));
+    background-image: url('clock.svg');
   }
 
   hr {
@@ -98,7 +98,7 @@
 
 .modal-warning {
   &::before {
-    background-image: url(image-path('alert/warning-lg.svg'));
+    background-image: url('alert/warning-lg.svg');
   }
 
   hr {

diff --git a/app/assets/stylesheets/components/_personal-key.scss b/app/assets/stylesheets/components/_personal-key.scss
@@ -1,5 +1,5 @@
 .key-badge::before {
-  background-image: url(image-path('p-key.svg'));
+  background-image: url('p-key.svg');
   background-repeat: no-repeat;
   content: '';
   height: 60px;
@@ -39,13 +39,13 @@
 
 .bg-pk-box {
   background-color: $blue-lightest;
-  background-image: image-url('personal-key/pkey-block.svg');
+  background-image: url('personal-key/pkey-block.svg');
   background-position: center;
   background-repeat: no-repeat;
 }
 
 .bg-personal-key {
-  background: image-url('personal-key/shield.svg');
+  background: url('personal-key/shield.svg');
   background-color: $blue-lightest;
   background-position: center 3.3rem;
   background-repeat: no-repeat;

diff --git a/app/assets/stylesheets/components/_phone-input.scss b/app/assets/stylesheets/components/_phone-input.scss
@@ -6,11 +6,11 @@ lg-phone-input {
   }
 
   .iti__flag {
-    background-image: image-url('intl-tel-input/build/img/flags.png');
+    background-image: url('intl-tel-input/build/img/flags.png');
 
     /* stylelint-disable-next-line media-feature-name-no-vendor-prefix */
     @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
-      background-image: image-url('intl-tel-input/build/img/[email protected]');
+      background-image: url('intl-tel-input/build/img/[email protected]');
     }
   }
 

diff --git a/app/assets/stylesheets/components/_step-indicator.scss b/app/assets/stylesheets/components/_step-indicator.scss
@@ -107,11 +107,11 @@ $step-indicator-pending-color: #a8b6c6;
 
 .step-indicator__step--complete:not(.step-indicator__step--pending)::before {
   background-color: color('white');
-  background-image: url(image-path('alert/success.svg'));
+  background-image: url('alert/success.svg');
 }
 
 .step-indicator__step--pending::before {
-  background-image: url(image-path('alert/pending.svg'));
+  background-image: url('alert/pending.svg');
 }
 
 .step-indicator__step:not(:last-child)::after {

diff --git a/config/application.rb b/config/application.rb
@@ -45,6 +45,7 @@ class Application < Rails::Application
     config.active_record.belongs_to_required_by_default = false
     config.active_record.legacy_connection_handling = false
     config.assets.unknown_asset_fallback = true
+    config.assets.resolve_assets_in_css_urls = true
     config.active_job.queue_adapter = :good_job
 
     FileUtils.mkdir_p(Rails.root.join('log'))