kept paths relative and replaced them in prod env

ayasayadi1 · ayasayadi1 · commit 3518357c49a3 · 2024-09-30T11:58:54.000Z
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -241,7 +241,7 @@ module.exports = function(grunt) {
                         'frontend/express/public/javascripts/dom/drop/drop-theme-countly.min.css',
                         'frontend/express/public/javascripts/utils/tooltipster/tooltipster.bundle.min.css',
                         'frontend/express/public/stylesheets/bulma/bulma-custom.css',
-                        'frontend/express/public/stylesheets/styles/manifest.css',
+                        'frontend/express/public/stylesheets/styles/manifest2.css',
                         'frontend/express/public/stylesheets/vue/element-tiptap.css',
                     ]
                 }
@@ -324,27 +324,25 @@ module.exports = function(grunt) {
 
     grunt.registerTask('default', ['mochaTest']);
 
-    grunt.registerTask('replace-paths', 'Replace image paths in dev and prod CSS files', function() {
+    grunt.registerTask('replace-paths', 'Replace image paths in prod CSS files', function() {
         var cssFiles = [
             {
                 filepath: 'frontend/express/public/stylesheets/styles/manifest.css',
-                replacement: '../../images'
-            },
-            {
-                filepath: 'frontend/express/public/stylesheets/main.min.css',
-                replacement: '../images'
+				lookup: '../../images',
+                replacement: '../images',
+				newPath: 'frontend/express/public/stylesheets/styles/manifest2.css'
             }
         ];
 
         cssFiles.forEach(function(file) {
             var content = grunt.file.read(file.filepath);
-            var newContent = content.replace(/\/images/g, file.replacement);
-            grunt.file.write(file.filepath, newContent);
+            var newContent = content.replace(/\.\.\/\.\.\/images/g, file.replacement);
+            grunt.file.write(file.newPath, newContent);
             grunt.log.writeln('Processed file: ' + file.filepath);
         });
     });
 
-    grunt.registerTask('dist', ['sass', 'concat', 'uglify', 'cssmin', 'replace-paths']);
+    grunt.registerTask('dist', ['sass', 'concat', 'uglify', 'replace-paths', 'cssmin']);
 
     grunt.registerTask('plugins', 'Minify plugin JS / CSS files and copy images', function() {
         var js = [], css = [], img = [], fs = require('fs'), path = require('path');
diff --git a/frontend/express/public/core/events/stylesheets/_main.scss b/frontend/express/public/core/events/stylesheets/_main.scss
@@ -89,7 +89,7 @@
         &--image {
             width: 242px;
             height: 242px;
-            background-image: url('/images/dashboard/events-overview-noevents.svg');
+            background-image: url('../../images/dashboard/events-overview-noevents.svg');
         }
     }
     &--text{
diff --git a/frontend/express/public/core/onboarding/stylesheets/_main.scss b/frontend/express/public/core/onboarding/stylesheets/_main.scss
@@ -1,4 +1,4 @@
-.setup-logo { margin-top: 38px; margin-left: 72px; width:165px; height:50px; background-image:url('/images/pre-login/countly-logo-dark.svg'); background-repeat: no-repeat; background-size: contain;position: fixed; left: 0px; top: 0px; }
+.setup-logo { margin-top: 38px; margin-left: 72px; width:165px; height:50px; background-image:url('../../images/pre-login/countly-logo-dark.svg'); background-repeat: no-repeat; background-size: contain;position: fixed; left: 0px; top: 0px; }
 
 .centered-content {
     min-height: 100vh;
@@ -63,23 +63,23 @@
 }
 
 .setup-radio-icon {
-    background-image: url('/images/dashboard/onboarding/box.svg');
+    background-image: url('../../images/dashboard/onboarding/box.svg');
     background-position: center;
     background-repeat: no-repeat;
     width: 100%;
     height: 100%;
 }
 
 .setup-radio-icon--app-type-mobile {
-    background-image: url('/images/dashboard/onboarding/app-type-mobile.svg');
+    background-image: url('../../images/dashboard/onboarding/app-type-mobile.svg');
 }
 
 .setup-radio-icon--app-type-web {
-    background-image: url('/images/dashboard/onboarding/app-type-web.svg');
+    background-image: url('../../images/dashboard/onboarding/app-type-web.svg');
 }
 
 .setup-radio-icon--app-type-desktop {
-    background-image: url('/images/dashboard/onboarding/app-type-desktop.svg');
+    background-image: url('../../images/dashboard/onboarding/app-type-desktop.svg');
 }
 
 .is-checked .setup-radio-icon {
diff --git a/frontend/express/public/stylesheets/styles/base/_icons.scss b/frontend/express/public/stylesheets/styles/base/_icons.scss
@@ -28,54 +28,54 @@
 
 .cly-icon- {
     &zoom {
-        background-image: url("/images/icons/zoom-icon.svg");
+        background-image: url("../../images/icons/zoom-icon.svg");
     }
 
     &arrow-down {
-        background-image: url("/images/icons/arrow_drop_down.svg");
+        background-image: url("../../images/icons/arrow_drop_down.svg");
     }
 
     &arrow-up {
-        background-image: url("/images/icons/arrow_drop_up.svg");
+        background-image: url("../../images/icons/arrow_drop_up.svg");
     }
 
     &menu {
-        background-image: url("/images/icons/menu.svg");
+        background-image: url("../../images/icons/menu.svg");
     }
 
     &date {
-        background-image: url("/images/icons/date.svg");
+        background-image: url("../../images/icons/date.svg");
     }
 
     &download {
-        background-image: url("/images/icons/download-icon.svg");
+        background-image: url("../../images/icons/download-icon.svg");
     }
 
     &save {
-        background-image: url("/images/icons/save.svg");
+        background-image: url("../../images/icons/save.svg");
     }
 
     &load {
-        background-image: url("/images/icons/load.svg");
+        background-image: url("../../images/icons/load.svg");
     }
 
     &upload {
-        background-image: url("/images/icons/upload.svg");
+        background-image: url("../../images/icons/upload.svg");
     }
 
     &arrow_forward-circled {
-        background-image: url("/images/icons/arrow_forward-circled.svg");
+        background-image: url("../../images/icons/arrow_forward-circled.svg");
     }
 
     &copy {
-        background-image: url("/images/icons/copy.svg");
+        background-image: url("../../images/icons/copy.svg");
     }
 
     &copy_interactive{
-        background-image: url("/images/icons/copy_inactive.svg");
+        background-image: url("../../images/icons/copy_inactive.svg");
     }
     &copy_interactive:hover{
-        background-image: url("/images/icons/copy.svg");
+        background-image: url("../../images/icons/copy.svg");
     }
 }
 
@@ -94,13 +94,13 @@
 .cly-countly-icon-solid {
 	width: 20px;
 	height: 20px;
-	background-image: url("/images/icons/countly-icon-solid.svg");
+	background-image: url("../../images/icons/countly-icon-solid.svg");
 }
 
 .cly-countly-icon-outline {
 	width: 20px;
 	height: 20px;
-	background-image: url("/images/icons/countly-icon-outline.svg");
+	background-image: url("../../images/icons/countly-icon-outline.svg");
 }
 
 .cly-countly-icon-outline-{
diff --git a/frontend/express/public/stylesheets/styles/blocks/_helpers.scss b/frontend/express/public/stylesheets/styles/blocks/_helpers.scss
@@ -123,7 +123,7 @@
 	border: 1px solid #E2E4E8;
 	background-color: #F8FAFD;
 	border-radius:8px;
-	background-image: url('/images/icons/empty-background.svg');
+	background-image: url('../../images/icons/empty-background.svg');
 	background-position: 100% 100%;
 	background-repeat: no-repeat;
 }
diff --git a/frontend/express/public/stylesheets/styles/blocks/_sidebar.scss b/frontend/express/public/stylesheets/styles/blocks/_sidebar.scss
@@ -383,103 +383,103 @@ $bg-color: #24292e;
     .cly-icon {
         &-sidebar{
             &-app {
-                background-image: url("/images/sidebar/default/app.svg");
+                background-image: url("../../images/sidebar/default/app.svg");
                 height: 24px;
                 width: 24px;
             }
 
             &-analytics {
-                background-image: url("/images/sidebar/default/analytics-icon.svg");
+                background-image: url("../../images/sidebar/default/analytics-icon.svg");
                 height: 20px;
                 width: 20px;
 
                 &:hover {
-                    background-image: url("/images/sidebar/hover/analytics-icon.svg");
+                    background-image: url("../../images/sidebar/hover/analytics-icon.svg");
                 }
 
                 &.cly-vue-sidebar__menu-option--selected {
-                    background-image: url("/images/sidebar/selected/analytics-icon.svg");
+                    background-image: url("../../images/sidebar/selected/analytics-icon.svg");
                 }
             }
 
             &-dashboards {
-                background-image: url("/images/sidebar/default/dashboards-icon.svg");
+                background-image: url("../../images/sidebar/default/dashboards-icon.svg");
                 height: 20px;
                 width: 20px;
 
                 &:hover {
-                    background-image: url("/images/sidebar/hover/dashboards-icon.svg");
+                    background-image: url("../../images/sidebar/hover/dashboards-icon.svg");
                 }
 
                 &.cly-vue-sidebar__menu-option--selected {
-                    background-image: url("/images/sidebar/selected/dashboards-icon.svg");
+                    background-image: url("../../images/sidebar/selected/dashboards-icon.svg");
                 }
             }
 
             &-divider {
-                background-image: url("/images/sidebar/default/divider.svg");
+                background-image: url("../../images/sidebar/default/divider.svg");
                 width: 32px;
                 height: 1px;
             }
 
             &-management {
-                background-image: url("/images/sidebar/default/management.svg");
+                background-image: url("../../images/sidebar/default/management.svg");
                 height: 20px;
                 width: 20px;
 
                 &:hover {
-                    background-image: url("/images/sidebar/hover/management.svg");
+                    background-image: url("../../images/sidebar/hover/management.svg");
                 }
 
                 &.cly-vue-sidebar__menu-option--selected {
-                    background-image: url("/images/sidebar/selected/management.svg");
+                    background-image: url("../../images/sidebar/selected/management.svg");
                 }
             }
 
             &-report-manager {
-                background-image: url("/images/sidebar/default/report-manager.svg");
+                background-image: url("../../images/sidebar/default/report-manager.svg");
                 height: 18px;
                 width: 20px;
 
                 &:hover {
-                    background-image: url("/images/sidebar/hover/report-manager.svg");
+                    background-image: url("../../images/sidebar/hover/report-manager.svg");
                 }
 
                 &.cly-vue-sidebar__menu-option--selected {
-                    background-image: url("/images/sidebar/selected/report-manager.svg");
+                    background-image: url("../../images/sidebar/selected/report-manager.svg");
                 }
             }
 
             &-help-center {
-                background-image: url("/images/sidebar/default/help-center.svg");
+                background-image: url("../../images/sidebar/default/help-center.svg");
                 height: 25px;
                 width: 20px;
 
                 &:hover {
-                    background-image: url("/images/sidebar/hover/help-center.svg");
+                    background-image: url("../../images/sidebar/hover/help-center.svg");
                 }
 
                 &.cly-vue-sidebar__menu-option--selected {
-                    background-image: url("/images/sidebar/selected/help-center.svg");
+                    background-image: url("../../images/sidebar/selected/help-center.svg");
                 }
             }
 
             &-notifications {
-                background-image: url("/images/sidebar/default/notifications.svg");
+                background-image: url("../../images/sidebar/default/notifications.svg");
                 height: 23px;
                 width: 20px;
 
                 &:hover {
-                    background-image: url("/images/sidebar/hover/notifications.svg");
+                    background-image: url("../../images/sidebar/hover/notifications.svg");
                 }
 
                 &.cly-vue-sidebar__menu-option--selected {
-                    background-image: url("/images/sidebar/selected/notifications.svg");
+                    background-image: url("../../images/sidebar/selected/notifications.svg");
                 }
             }
 
             &-toggle-left {
-                background-image: url("/images/sidebar/default/toggle-left.svg");
+                background-image: url("../../images/sidebar/default/toggle-left.svg");
                 height: 15px;
                 width: 11px;
             }
diff --git a/frontend/express/public/stylesheets/vue/clyvue.scss b/frontend/express/public/stylesheets/vue/clyvue.scss
@@ -367,7 +367,7 @@
                 display: inline-block;
                 width: 60px;
                 height: 60px;
-                background-image: url("/images/dashboard/graph-no-data.svg");
+                background-image: url("../../images/dashboard/graph-no-data.svg");
                 background-size: contain;
                 margin-right: 20px;
                 background-repeat: no-repeat;

Original file line number	Diff line number	Diff line change
`@@ -89,7 +89,7 @@`
`89`	`89`	`&--image {`
`90`	`90`	`width: 242px;`
`91`	`91`	`height: 242px;`
`92`		`- background-image: url('/images/dashboard/events-overview-noevents.svg');`
	`92`	`+ background-image: url('../../images/dashboard/events-overview-noevents.svg');`
`93`	`93`	`}`
`94`	`94`	`}`
`95`	`95`	`&--text{`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-.setup-logo { margin-top: 38px; margin-left: 72px; width:165px; height:50px; background-image:url('/images/pre-login/countly-logo-dark.svg'); background-repeat: no-repeat; background-size: contain;position: fixed; left: 0px; top: 0px; }`
	`1`	`+.setup-logo { margin-top: 38px; margin-left: 72px; width:165px; height:50px; background-image:url('../../images/pre-login/countly-logo-dark.svg'); background-repeat: no-repeat; background-size: contain;position: fixed; left: 0px; top: 0px; }`
`2`	`2`
`3`	`3`	`.centered-content {`
`4`	`4`	`min-height: 100vh;`
`@@ -63,23 +63,23 @@`
`63`	`63`	`}`
`64`	`64`
`65`	`65`	`.setup-radio-icon {`
`66`		`- background-image: url('/images/dashboard/onboarding/box.svg');`
	`66`	`+ background-image: url('../../images/dashboard/onboarding/box.svg');`
`67`	`67`	`background-position: center;`
`68`	`68`	`background-repeat: no-repeat;`
`69`	`69`	`width: 100%;`
`70`	`70`	`height: 100%;`
`71`	`71`	`}`
`72`	`72`
`73`	`73`	`.setup-radio-icon--app-type-mobile {`
`74`		`- background-image: url('/images/dashboard/onboarding/app-type-mobile.svg');`
	`74`	`+ background-image: url('../../images/dashboard/onboarding/app-type-mobile.svg');`
`75`	`75`	`}`
`76`	`76`
`77`	`77`	`.setup-radio-icon--app-type-web {`
`78`		`- background-image: url('/images/dashboard/onboarding/app-type-web.svg');`
	`78`	`+ background-image: url('../../images/dashboard/onboarding/app-type-web.svg');`
`79`	`79`	`}`
`80`	`80`
`81`	`81`	`.setup-radio-icon--app-type-desktop {`
`82`		`- background-image: url('/images/dashboard/onboarding/app-type-desktop.svg');`
	`82`	`+ background-image: url('../../images/dashboard/onboarding/app-type-desktop.svg');`
`83`	`83`	`}`
`84`	`84`
`85`	`85`	`.is-checked .setup-radio-icon {`
Original file line number	Diff line number	Diff line change
`@@ -28,54 +28,54 @@`
`28`	`28`
`29`	`29`	`.cly-icon- {`
`30`	`30`	`&zoom {`
`31`		`- background-image: url("/images/icons/zoom-icon.svg");`
	`31`	`+ background-image: url("../../images/icons/zoom-icon.svg");`
`32`	`32`	`}`
`33`	`33`
`34`	`34`	`&arrow-down {`
`35`		`- background-image: url("/images/icons/arrow_drop_down.svg");`
	`35`	`+ background-image: url("../../images/icons/arrow_drop_down.svg");`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`&arrow-up {`
`39`		`- background-image: url("/images/icons/arrow_drop_up.svg");`
	`39`	`+ background-image: url("../../images/icons/arrow_drop_up.svg");`
`40`	`40`	`}`
`41`	`41`
`42`	`42`	`&menu {`
`43`		`- background-image: url("/images/icons/menu.svg");`
	`43`	`+ background-image: url("../../images/icons/menu.svg");`
`44`	`44`	`}`
`45`	`45`
`46`	`46`	`&date {`
`47`		`- background-image: url("/images/icons/date.svg");`
	`47`	`+ background-image: url("../../images/icons/date.svg");`
`48`	`48`	`}`
`49`	`49`
`50`	`50`	`&download {`
`51`		`- background-image: url("/images/icons/download-icon.svg");`
	`51`	`+ background-image: url("../../images/icons/download-icon.svg");`
`52`	`52`	`}`
`53`	`53`
`54`	`54`	`&save {`
`55`		`- background-image: url("/images/icons/save.svg");`
	`55`	`+ background-image: url("../../images/icons/save.svg");`
`56`	`56`	`}`
`57`	`57`
`58`	`58`	`&load {`
`59`		`- background-image: url("/images/icons/load.svg");`
	`59`	`+ background-image: url("../../images/icons/load.svg");`
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`&upload {`
`63`		`- background-image: url("/images/icons/upload.svg");`
	`63`	`+ background-image: url("../../images/icons/upload.svg");`
`64`	`64`	`}`
`65`	`65`
`66`	`66`	`&arrow_forward-circled {`
`67`		`- background-image: url("/images/icons/arrow_forward-circled.svg");`
	`67`	`+ background-image: url("../../images/icons/arrow_forward-circled.svg");`
`68`	`68`	`}`
`69`	`69`
`70`	`70`	`&copy {`
`71`		`- background-image: url("/images/icons/copy.svg");`
	`71`	`+ background-image: url("../../images/icons/copy.svg");`
`72`	`72`	`}`
`73`	`73`
`74`	`74`	`&copy_interactive{`
`75`		`- background-image: url("/images/icons/copy_inactive.svg");`
	`75`	`+ background-image: url("../../images/icons/copy_inactive.svg");`
`76`	`76`	`}`
`77`	`77`	`&copy_interactive:hover{`
`78`		`- background-image: url("/images/icons/copy.svg");`
	`78`	`+ background-image: url("../../images/icons/copy.svg");`
`79`	`79`	`}`
`80`	`80`	`}`
`81`	`81`
`@@ -94,13 +94,13 @@`
`94`	`94`	`.cly-countly-icon-solid {`
`95`	`95`	`width: 20px;`
`96`	`96`	`height: 20px;`
`97`		`- background-image: url("/images/icons/countly-icon-solid.svg");`
	`97`	`+ background-image: url("../../images/icons/countly-icon-solid.svg");`
`98`	`98`	`}`
`99`	`99`
`100`	`100`	`.cly-countly-icon-outline {`
`101`	`101`	`width: 20px;`
`102`	`102`	`height: 20px;`
`103`		`- background-image: url("/images/icons/countly-icon-outline.svg");`
	`103`	`+ background-image: url("../../images/icons/countly-icon-outline.svg");`
`104`	`104`	`}`
`105`	`105`
`106`	`106`	`.cly-countly-icon-outline-{`
Original file line number	Diff line number	Diff line change
`@@ -123,7 +123,7 @@`
`123`	`123`	`border: 1px solid #E2E4E8;`
`124`	`124`	`background-color: #F8FAFD;`
`125`	`125`	`border-radius:8px;`
`126`		`- background-image: url('/images/icons/empty-background.svg');`
	`126`	`+ background-image: url('../../images/icons/empty-background.svg');`
`127`	`127`	`background-position: 100% 100%;`
`128`	`128`	`background-repeat: no-repeat;`
`129`	`129`	`}`
Original file line number	Diff line number	Diff line change
`@@ -383,103 +383,103 @@ $bg-color: #24292e;`
`383`	`383`	`.cly-icon {`
`384`	`384`	`&-sidebar{`
`385`	`385`	`&-app {`
`386`		`- background-image: url("/images/sidebar/default/app.svg");`
	`386`	`+ background-image: url("../../images/sidebar/default/app.svg");`
`387`	`387`	`height: 24px;`
`388`	`388`	`width: 24px;`
`389`	`389`	`}`
`390`	`390`
`391`	`391`	`&-analytics {`
`392`		`- background-image: url("/images/sidebar/default/analytics-icon.svg");`
	`392`	`+ background-image: url("../../images/sidebar/default/analytics-icon.svg");`
`393`	`393`	`height: 20px;`
`394`	`394`	`width: 20px;`
`395`	`395`
`396`	`396`	`&:hover {`
`397`		`- background-image: url("/images/sidebar/hover/analytics-icon.svg");`
	`397`	`+ background-image: url("../../images/sidebar/hover/analytics-icon.svg");`
`398`	`398`	`}`
`399`	`399`
`400`	`400`	`&.cly-vue-sidebar__menu-option--selected {`
`401`		`- background-image: url("/images/sidebar/selected/analytics-icon.svg");`
	`401`	`+ background-image: url("../../images/sidebar/selected/analytics-icon.svg");`
`402`	`402`	`}`
`403`	`403`	`}`
`404`	`404`
`405`	`405`	`&-dashboards {`
`406`		`- background-image: url("/images/sidebar/default/dashboards-icon.svg");`
	`406`	`+ background-image: url("../../images/sidebar/default/dashboards-icon.svg");`
`407`	`407`	`height: 20px;`
`408`	`408`	`width: 20px;`
`409`	`409`
`410`	`410`	`&:hover {`
`411`		`- background-image: url("/images/sidebar/hover/dashboards-icon.svg");`
	`411`	`+ background-image: url("../../images/sidebar/hover/dashboards-icon.svg");`
`412`	`412`	`}`
`413`	`413`
`414`	`414`	`&.cly-vue-sidebar__menu-option--selected {`
`415`		`- background-image: url("/images/sidebar/selected/dashboards-icon.svg");`
	`415`	`+ background-image: url("../../images/sidebar/selected/dashboards-icon.svg");`
`416`	`416`	`}`
`417`	`417`	`}`
`418`	`418`
`419`	`419`	`&-divider {`
`420`		`- background-image: url("/images/sidebar/default/divider.svg");`
	`420`	`+ background-image: url("../../images/sidebar/default/divider.svg");`
`421`	`421`	`width: 32px;`
`422`	`422`	`height: 1px;`
`423`	`423`	`}`
`424`	`424`
`425`	`425`	`&-management {`
`426`		`- background-image: url("/images/sidebar/default/management.svg");`
	`426`	`+ background-image: url("../../images/sidebar/default/management.svg");`
`427`	`427`	`height: 20px;`
`428`	`428`	`width: 20px;`
`429`	`429`
`430`	`430`	`&:hover {`
`431`		`- background-image: url("/images/sidebar/hover/management.svg");`
	`431`	`+ background-image: url("../../images/sidebar/hover/management.svg");`
`432`	`432`	`}`
`433`	`433`
`434`	`434`	`&.cly-vue-sidebar__menu-option--selected {`
`435`		`- background-image: url("/images/sidebar/selected/management.svg");`
	`435`	`+ background-image: url("../../images/sidebar/selected/management.svg");`
`436`	`436`	`}`
`437`	`437`	`}`
`438`	`438`
`439`	`439`	`&-report-manager {`
`440`		`- background-image: url("/images/sidebar/default/report-manager.svg");`
	`440`	`+ background-image: url("../../images/sidebar/default/report-manager.svg");`
`441`	`441`	`height: 18px;`
`442`	`442`	`width: 20px;`
`443`	`443`
`444`	`444`	`&:hover {`
`445`		`- background-image: url("/images/sidebar/hover/report-manager.svg");`
	`445`	`+ background-image: url("../../images/sidebar/hover/report-manager.svg");`
`446`	`446`	`}`
`447`	`447`
`448`	`448`	`&.cly-vue-sidebar__menu-option--selected {`
`449`		`- background-image: url("/images/sidebar/selected/report-manager.svg");`
	`449`	`+ background-image: url("../../images/sidebar/selected/report-manager.svg");`
`450`	`450`	`}`
`451`	`451`	`}`
`452`	`452`
`453`	`453`	`&-help-center {`
`454`		`- background-image: url("/images/sidebar/default/help-center.svg");`
	`454`	`+ background-image: url("../../images/sidebar/default/help-center.svg");`
`455`	`455`	`height: 25px;`
`456`	`456`	`width: 20px;`
`457`	`457`
`458`	`458`	`&:hover {`
`459`		`- background-image: url("/images/sidebar/hover/help-center.svg");`
	`459`	`+ background-image: url("../../images/sidebar/hover/help-center.svg");`
`460`	`460`	`}`
`461`	`461`
`462`	`462`	`&.cly-vue-sidebar__menu-option--selected {`
`463`		`- background-image: url("/images/sidebar/selected/help-center.svg");`
	`463`	`+ background-image: url("../../images/sidebar/selected/help-center.svg");`
`464`	`464`	`}`
`465`	`465`	`}`
`466`	`466`
`467`	`467`	`&-notifications {`
`468`		`- background-image: url("/images/sidebar/default/notifications.svg");`
	`468`	`+ background-image: url("../../images/sidebar/default/notifications.svg");`
`469`	`469`	`height: 23px;`
`470`	`470`	`width: 20px;`
`471`	`471`
`472`	`472`	`&:hover {`
`473`		`- background-image: url("/images/sidebar/hover/notifications.svg");`
	`473`	`+ background-image: url("../../images/sidebar/hover/notifications.svg");`
`474`	`474`	`}`
`475`	`475`
`476`	`476`	`&.cly-vue-sidebar__menu-option--selected {`
`477`		`- background-image: url("/images/sidebar/selected/notifications.svg");`
	`477`	`+ background-image: url("../../images/sidebar/selected/notifications.svg");`
`478`	`478`	`}`
`479`	`479`	`}`
`480`	`480`
`481`	`481`	`&-toggle-left {`
`482`		`- background-image: url("/images/sidebar/default/toggle-left.svg");`
	`482`	`+ background-image: url("../../images/sidebar/default/toggle-left.svg");`
`483`	`483`	`height: 15px;`
`484`	`484`	`width: 11px;`
`485`	`485`	`}`