Use firefox-profiler-res consistently in our CSS files.

mstange · mstange · commit d2018d5ce1be · 2025-09-02T11:13:33.000-04:00
Some were already using firefox-profiler-res, some were using a relative path to res,
and some were using an absolute path /res.
diff --git a/src/components/app/BottomBox.css b/src/components/app/BottomBox.css
@@ -72,11 +72,11 @@
 }
 
 .bottom-close-button {
-  background-image: url(/res/img/svg/close-dark.svg);
+  background-image: url(firefox-profiler-res/img/svg/close-dark.svg);
 }
 
 .bottom-assembly-button {
-  background-image: url(/res/img/svg/asm-icon.svg);
+  background-image: url(firefox-profiler-res/img/svg/asm-icon.svg);
 }
 
 .codeLoadingOverlay,
@@ -111,7 +111,8 @@
   width: 32px;
   height: 32px;
   flex-shrink: 0;
-  background: url(/res/img/spinner.png) center center / 32px 32px no-repeat;
+  background: url(firefox-profiler-res/img/spinner.png) center center / 32px
+    32px no-repeat;
   content: '';
 }
 
@@ -122,7 +123,8 @@
   width: 50px;
   height: 50px;
   flex-shrink: 0;
-  background: url(/res/img/svg/error.svg) center center / 32px 32px no-repeat;
+  background: url(firefox-profiler-res/img/svg/error.svg) center center / 32px
+    32px no-repeat;
   content: '';
   filter: brightness(70%) drop-shadow(0 1px rgb(255 255 255 / 0.5));
 }
diff --git a/src/components/app/Details.css b/src/components/app/Details.css
@@ -26,9 +26,9 @@
 }
 
 .sidebar-open-close-button-isopen {
-  background-image: url(../../../res/img/svg/pane-collapse.svg);
+  background-image: url(firefox-profiler-res/img/svg/pane-collapse.svg);
 }
 
 .sidebar-open-close-button-isclosed {
-  background-image: url(../../../res/img/svg/pane-expand.svg);
+  background-image: url(firefox-profiler-res/img/svg/pane-expand.svg);
 }
diff --git a/src/components/app/Home.css b/src/components/app/Home.css
@@ -145,7 +145,7 @@
   width: 20px;
   height: 20px;
   margin: 0 10px -4px 3px;
-  background: url(../../../res/img/svg/help-blue.svg);
+  background: url(firefox-profiler-res/img/svg/help-blue.svg);
   background-size: 100% 100%;
 }
 
diff --git a/src/components/app/KeyboardShortcut.css b/src/components/app/KeyboardShortcut.css
@@ -95,8 +95,8 @@
 
   /* Allow for the photon focus ring to fit in the space by using a 4px margin. */
   margin: 4px;
-  background: url(../../../res/img/svg/searchfield-cancel.svg) 10px center
-    no-repeat;
+  background: url(firefox-profiler-res/img/svg/searchfield-cancel.svg) 10px
+    center no-repeat;
   cursor: pointer;
   font-size: inherit;
 }
diff --git a/src/components/app/ProfileDeleteButton.css b/src/components/app/ProfileDeleteButton.css
@@ -6,8 +6,8 @@
   /* Note: 20px is: 16px (icon width) + 4px (distance from the text) */
   padding-left: 20px;
   margin: 0;
-  background: url(../../../res/img/svg/check-dark.svg) no-repeat left / 16px
-    16px;
+  background: url(firefox-profiler-res/img/svg/check-dark.svg) no-repeat left /
+    16px 16px;
   white-space: nowrap;
 }
 
@@ -16,8 +16,8 @@
   padding-left: 24px;
 
   /* The icon is 4px below the top */
-  background: url(../../../res/img/svg/error-red.svg) no-repeat 0 4px / 16px
-    16px;
+  background: url(firefox-profiler-res/img/svg/error-red.svg) no-repeat 0 4px /
+    16px 16px;
   color: var(--red-60);
   overflow-wrap: break-word;
 }
diff --git a/src/components/app/ProfileViewer.css b/src/components/app/ProfileViewer.css
@@ -80,8 +80,8 @@
   margin: 3px 0 3px 3px;
 
   /* Other */
-  background: var(--green-50) url(../../../res/img/svg/back-arrow.svg) center
-    center no-repeat;
+  background: var(--green-50) url(firefox-profiler-res/img/svg/back-arrow.svg)
+    center center no-repeat;
   color: #000;
 }
 
diff --git a/src/components/calltree/CallTree.css b/src/components/calltree/CallTree.css
@@ -32,5 +32,5 @@
 
 .treeBadge.inlined,
 .treeBadge.divergent-inlining {
-  background: url(../../../res/img/svg/inlined-icon.svg);
+  background: url(firefox-profiler-res/img/svg/inlined-icon.svg);
 }
diff --git a/src/components/shared/IdleSearchField.css b/src/components/shared/IdleSearchField.css
@@ -21,7 +21,7 @@
   position: relative;
   flex: 1;
   margin: 0;
-  background: url(../../../res/img/svg/searchfield-icon.svg) 3px center
+  background: url(firefox-profiler-res/img/svg/searchfield-icon.svg) 3px center
     no-repeat white;
   background-size: 11px 11px;
 }
@@ -34,7 +34,7 @@
   height: 11px;
   padding: 0;
   border: 0;
-  background: url(../../../res/img/svg/searchfield-cancel.svg) top left
+  background: url(firefox-profiler-res/img/svg/searchfield-cancel.svg) top left
     no-repeat;
   background-size: contain;
   color: transparent;
diff --git a/src/components/shared/ProfileMetaInfoSummary.css b/src/components/shared/ProfileMetaInfoSummary.css
@@ -20,32 +20,34 @@
 
 .profileMetaInfoSummaryProductAndVersion {
   padding-left: 1.4em; /* 1 (for the background image) + 0.4 */
-  background: url(../../../res/img/svg/info.svg) left center / 1em no-repeat;
+  background: url(firefox-profiler-res/img/svg/info.svg) left center / 1em
+    no-repeat;
 }
 
 .profileMetaInfoSummaryProductAndVersion[data-product^='Firefox'],
 .profileMetaInfoSummaryProductAndVersion[data-product='Fennec'] {
-  background-image: url(../../../res/img/svg/brands/firefoxbrowser.svg);
+  background-image: url(firefox-profiler-res/img/svg/brands/firefoxbrowser.svg);
 }
 
 .profileMetaInfoSummaryPlatform {
   padding-left: 1.4em; /* 1 (for the background image) + 0.4 */
   margin-left: 1em;
-  background: url(../../../res/img/svg/info.svg) left center / 1em no-repeat;
+  background: url(firefox-profiler-res/img/svg/info.svg) left center / 1em
+    no-repeat;
 }
 
 .profileMetaInfoSummaryPlatform[data-toolkit^='macOS'] {
-  background-image: url(../../../res/img/svg/brands/apple.svg);
+  background-image: url(firefox-profiler-res/img/svg/brands/apple.svg);
 }
 
 .profileMetaInfoSummaryPlatform[data-toolkit^='Windows'] {
-  background-image: url(../../../res/img/svg/brands/windows.svg);
+  background-image: url(firefox-profiler-res/img/svg/brands/windows.svg);
 }
 
 .profileMetaInfoSummaryPlatform[data-toolkit^='Linux'] {
-  background-image: url(../../../res/img/svg/brands/linux.svg);
+  background-image: url(firefox-profiler-res/img/svg/brands/linux.svg);
 }
 
 .profileMetaInfoSummaryPlatform[data-toolkit^='Android'] {
-  background-image: url(../../../res/img/svg/brands/android.svg);
+  background-image: url(firefox-profiler-res/img/svg/brands/android.svg);
 }
diff --git a/src/components/shared/TrackSearchField.css b/src/components/shared/TrackSearchField.css
@@ -26,7 +26,7 @@
   position: relative;
   flex: 1;
   margin: 0;
-  background: url(../../../res/img/svg/searchfield-icon.svg) 3px center
+  background: url(firefox-profiler-res/img/svg/searchfield-icon.svg) 3px center
     no-repeat white;
   background-size: 11px 11px;
 }
@@ -41,7 +41,7 @@
   height: 11px;
   padding: 0;
   border: 0;
-  background: url(../../../res/img/svg/searchfield-cancel.svg) top left
+  background: url(firefox-profiler-res/img/svg/searchfield-cancel.svg) top left
     no-repeat;
   background-size: contain;
   color: transparent;
diff --git a/src/components/timeline/Track.css b/src/components/timeline/Track.css
@@ -109,7 +109,7 @@
   padding: 1px;
   border: 0;
   border-radius: 2px;
-  background: url(../../../res/img/svg/close-dark.svg) no-repeat center;
+  background: url(firefox-profiler-res/img/svg/close-dark.svg) no-repeat center;
   background-origin: content-box;
   background-size: contain;
   color: transparent;
@@ -217,7 +217,7 @@
   @media (prefers-color-scheme: dark) {
     /* We need to adapt the cross icon in dark mode so it still visible */
     .timelineTrackCloseButton {
-      background-image: url(../../../res/img/svg/close-light.svg);
+      background-image: url(firefox-profiler-res/img/svg/close-light.svg);
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -72,11 +72,11 @@`
`72`	`72`	`}`
`73`	`73`
`74`	`74`	`.bottom-close-button {`
`75`		`- background-image: url(/res/img/svg/close-dark.svg);`
	`75`	`+ background-image: url(firefox-profiler-res/img/svg/close-dark.svg);`
`76`	`76`	`}`
`77`	`77`
`78`	`78`	`.bottom-assembly-button {`
`79`		`- background-image: url(/res/img/svg/asm-icon.svg);`
	`79`	`+ background-image: url(firefox-profiler-res/img/svg/asm-icon.svg);`
`80`	`80`	`}`
`81`	`81`
`82`	`82`	`.codeLoadingOverlay,`
`@@ -111,7 +111,8 @@`
`111`	`111`	`width: 32px;`
`112`	`112`	`height: 32px;`
`113`	`113`	`flex-shrink: 0;`
`114`		`- background: url(/res/img/spinner.png) center center / 32px 32px no-repeat;`
	`114`	`+ background: url(firefox-profiler-res/img/spinner.png) center center / 32px`
	`115`	`+ 32px no-repeat;`
`115`	`116`	`content: '';`
`116`	`117`	`}`
`117`	`118`
`@@ -122,7 +123,8 @@`
`122`	`123`	`width: 50px;`
`123`	`124`	`height: 50px;`
`124`	`125`	`flex-shrink: 0;`
`125`		`- background: url(/res/img/svg/error.svg) center center / 32px 32px no-repeat;`
	`126`	`+ background: url(firefox-profiler-res/img/svg/error.svg) center center / 32px`
	`127`	`+ 32px no-repeat;`
`126`	`128`	`content: '';`
`127`	`129`	`filter: brightness(70%) drop-shadow(0 1px rgb(255 255 255 / 0.5));`
`128`	`130`	`}`
Original file line number	Diff line number	Diff line change
`@@ -26,9 +26,9 @@`
`26`	`26`	`}`
`27`	`27`
`28`	`28`	`.sidebar-open-close-button-isopen {`
`29`		`- background-image: url(../../../res/img/svg/pane-collapse.svg);`
	`29`	`+ background-image: url(firefox-profiler-res/img/svg/pane-collapse.svg);`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`.sidebar-open-close-button-isclosed {`
`33`		`- background-image: url(../../../res/img/svg/pane-expand.svg);`
	`33`	`+ background-image: url(firefox-profiler-res/img/svg/pane-expand.svg);`
`34`	`34`	`}`
Original file line number	Diff line number	Diff line change
`@@ -145,7 +145,7 @@`
`145`	`145`	`width: 20px;`
`146`	`146`	`height: 20px;`
`147`	`147`	`margin: 0 10px -4px 3px;`
`148`		`- background: url(../../../res/img/svg/help-blue.svg);`
	`148`	`+ background: url(firefox-profiler-res/img/svg/help-blue.svg);`
`149`	`149`	`background-size: 100% 100%;`
`150`	`150`	`}`
`151`	`151`
Original file line number	Diff line number	Diff line change
`@@ -80,8 +80,8 @@`
`80`	`80`	`margin: 3px 0 3px 3px;`
`81`	`81`
`82`	`82`	`/* Other */`
`83`		`- background: var(--green-50) url(../../../res/img/svg/back-arrow.svg) center`
`84`		`- center no-repeat;`
	`83`	`+ background: var(--green-50) url(firefox-profiler-res/img/svg/back-arrow.svg)`
	`84`	`+ center center no-repeat;`
`85`	`85`	`color: #000;`
`86`	`86`	`}`
`87`	`87`
Original file line number	Diff line number	Diff line change
`@@ -32,5 +32,5 @@`
`32`	`32`
`33`	`33`	`.treeBadge.inlined,`
`34`	`34`	`.treeBadge.divergent-inlining {`
`35`		`- background: url(../../../res/img/svg/inlined-icon.svg);`
	`35`	`+ background: url(firefox-profiler-res/img/svg/inlined-icon.svg);`
`36`	`36`	`}`
Original file line number	Diff line number	Diff line change
`@@ -20,32 +20,34 @@`
`20`	`20`
`21`	`21`	`.profileMetaInfoSummaryProductAndVersion {`
`22`	`22`	`padding-left: 1.4em; /* 1 (for the background image) + 0.4 */`
`23`		`- background: url(../../../res/img/svg/info.svg) left center / 1em no-repeat;`
	`23`	`+ background: url(firefox-profiler-res/img/svg/info.svg) left center / 1em`
	`24`	`+ no-repeat;`
`24`	`25`	`}`
`25`	`26`
`26`	`27`	`.profileMetaInfoSummaryProductAndVersion[data-product^='Firefox'],`
`27`	`28`	`.profileMetaInfoSummaryProductAndVersion[data-product='Fennec'] {`
`28`		`- background-image: url(../../../res/img/svg/brands/firefoxbrowser.svg);`
	`29`	`+ background-image: url(firefox-profiler-res/img/svg/brands/firefoxbrowser.svg);`
`29`	`30`	`}`
`30`	`31`
`31`	`32`	`.profileMetaInfoSummaryPlatform {`
`32`	`33`	`padding-left: 1.4em; /* 1 (for the background image) + 0.4 */`
`33`	`34`	`margin-left: 1em;`
`34`		`- background: url(../../../res/img/svg/info.svg) left center / 1em no-repeat;`
	`35`	`+ background: url(firefox-profiler-res/img/svg/info.svg) left center / 1em`
	`36`	`+ no-repeat;`
`35`	`37`	`}`
`36`	`38`
`37`	`39`	`.profileMetaInfoSummaryPlatform[data-toolkit^='macOS'] {`
`38`		`- background-image: url(../../../res/img/svg/brands/apple.svg);`
	`40`	`+ background-image: url(firefox-profiler-res/img/svg/brands/apple.svg);`
`39`	`41`	`}`
`40`	`42`
`41`	`43`	`.profileMetaInfoSummaryPlatform[data-toolkit^='Windows'] {`
`42`		`- background-image: url(../../../res/img/svg/brands/windows.svg);`
	`44`	`+ background-image: url(firefox-profiler-res/img/svg/brands/windows.svg);`
`43`	`45`	`}`
`44`	`46`
`45`	`47`	`.profileMetaInfoSummaryPlatform[data-toolkit^='Linux'] {`
`46`		`- background-image: url(../../../res/img/svg/brands/linux.svg);`
	`48`	`+ background-image: url(firefox-profiler-res/img/svg/brands/linux.svg);`
`47`	`49`	`}`
`48`	`50`
`49`	`51`	`.profileMetaInfoSummaryPlatform[data-toolkit^='Android'] {`
`50`		`- background-image: url(../../../res/img/svg/brands/android.svg);`
	`52`	`+ background-image: url(firefox-profiler-res/img/svg/brands/android.svg);`
`51`	`53`	`}`