refine component background-image url's

City-of-Helsinki · Oct 10, 2024 · fe673c4 · fe673c4
1 parent 99e00e7
commit fe673c4
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 18 deletions.
diff --git a/src/components/collapse/_collapse.scss b/src/components/collapse/_collapse.scss
@@ -65,7 +65,7 @@
     }
 
     .collapse__header_error-badge {
-      background-image: url(../assets/icons/icon_error.svg);
+      background-image: url(/assets/icons/icon_error.svg);
       height: 14px;
       width: 14px;
       display: inline-block;
@@ -132,7 +132,7 @@
         height: rem-calc(20px);
         width: rem-calc(20px);
         vertical-align: text-bottom;
-        background-image: url(../assets/icons/icon_minus.svg);
+        background-image: url(/assets/icons/icon_minus.svg);
         display: inline-block;
         margin-right: 0.4rem;
         background-position: center;
@@ -144,31 +144,31 @@
         color: $dark-gray;
 
         i {
-          background-image: url(../assets/icons/icon_minus.svg);
+          background-image: url(/assets/icons/icon_minus.svg);
         }
       }
 
       &--alert {
         color: $red;
 
         i {
-          background-image: url(../assets/icons/icon-alert.svg);
+          background-image: url(/assets/icons/icon-alert.svg);
         }
       }
 
       &--success {
         color: $blue;
 
         i {
-          background-image: url(../assets/icons/icon_checked.svg);
+          background-image: url(/assets/icons/icon_checked.svg);
         }
       }
 
       &--enquiry-sent {
         color: $yellow-enquiry-sent;
 
         i {
-          background-image: url(../assets/icons/icon_question.svg);
+          background-image: url(/assets/icons/icon_question.svg);
         }
       }
     }
@@ -323,7 +323,7 @@
     height: rem-calc(20px);
     width: rem-calc(20px);
     vertical-align: text-bottom;
-    background-image: url(../assets/icons/icon-alert.svg);
+    background-image: url(/assets/icons/icon-alert.svg);
     display: inline-block;
     margin-right: 0.4rem;
   }

diff --git a/src/components/content/_content.scss b/src/components/content/_content.scss
@@ -249,7 +249,7 @@
       height: rem-calc(20px);
       width: rem-calc(20px);
       vertical-align: text-bottom;
-      background-image: url(../assets/icons/icon-alert.svg);
+      background-image: url(/assets/icons/icon-alert.svg);
       display: inline-block;
       margin-left: 0.4rem;
     }
@@ -267,7 +267,7 @@
 
     &--success {
       i {
-        background-image: url(../assets/icons/icon_checked.svg);
+        background-image: url(/assets/icons/icon_checked.svg);
       }
     }
   }

diff --git a/src/components/form/_form.scss b/src/components/form/_form.scss
@@ -290,7 +290,7 @@
       height: 20px;
       width: 20px;
       background-size: cover;
-      background-image: url(../assets/icons/icon-search.svg);
+      background-image: url(/assets/icons/icon-search.svg);
       cursor: pointer;
     }
   }

diff --git a/src/components/inputs/_search-input.scss b/src/components/inputs/_search-input.scss
@@ -23,7 +23,7 @@
       height: 20px;
       width: 20px;
       background-size: cover;
-      background-image: url(../assets/icons/icon-search.svg);
+      background-image: url(/assets/icons/icon-search.svg);
       cursor: pointer;
     }
   }

diff --git a/src/components/inputs/_select-input.scss b/src/components/inputs/_select-input.scss
@@ -83,13 +83,13 @@
 
     &__dropdown-indicator {
       display: block;
-      background-image: url(../assets/icons/icon_arrow_down.svg);
+      background-image: url(/assets/icons/icon_arrow_down.svg);
       height: rem-calc(14px);
       width: rem-calc(14px);
       margin: rem-calc(0 2px);
 
       &.menu-is-open {
-        background-image: url(../assets/icons/icon_arrow_up.svg);
+        background-image: url(/assets/icons/icon_arrow_up.svg);
       }
     }
 

diff --git a/src/components/multi-select/_multi-select.scss b/src/components/multi-select/_multi-select.scss
@@ -114,7 +114,7 @@
 
       &-down {
         display: block;
-        background-image: url(../assets/icons/icon_arrow_down.svg);
+        background-image: url(/assets/icons/icon_arrow_down.svg);
         height: 12px;
         width: 12px;
         background-size: 12px 12px;
@@ -124,7 +124,7 @@
 
       &-up {
         display: block;
-        background-image: url(../assets/icons/icon_arrow_up.svg);
+        background-image: url(/assets/icons/icon_arrow_up.svg);
         height: 12px;
         width: 12px;
         background-size: 12px 12px;

diff --git a/src/components/tabs/_tabs.scss b/src/components/tabs/_tabs.scss
@@ -66,7 +66,7 @@
   }
 
   &__error-badge {
-    background-image: url(../assets/icons/icon_error.svg);
+    background-image: url(/assets/icons/icon_error.svg);
     height: 14px;
     width: 14px;
     background-size: contain;
@@ -79,7 +79,7 @@
   }
 
   &__dirty-badge {
-    background-image: url(../assets/icons/icon_unsaved.svg);
+    background-image: url(/assets/icons/icon_unsaved.svg);
     height: 14px;
     width: 14px;
     background-size: contain;

diff --git a/src/leases/components/leaseSections/rent/_rent.scss b/src/leases/components/leaseSections/rent/_rent.scss
@@ -8,7 +8,7 @@
       color: $blue;
 
       .link-icon {
-        background-image: url(../assets/icons/icon_link_green.svg);
+        background-image: url(/assets/icons/icon_link_green.svg);
         height: rem-calc(20px);
         width: rem-calc(20px);
         margin-left: rem-calc(8px);