fix(IconDropdown): scope styles for icon selection and adjust margin for consistency

eiresendez · eiresendez · commit 7b1f39e4551b · 2025-10-13T12:32:37.000-06:00
diff --git a/resources/js/components/shared/IconDropdown.vue b/resources/js/components/shared/IconDropdown.vue
@@ -134,7 +134,7 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 $iconSize: 19px;
 $multiselect-height: 33px;
 
@@ -223,7 +223,7 @@ $multiselect-height: 33px;
   .icon-selected {
     width: 19px;
     height: 19px;
-    margin-top: -4px;
+    margin-top: 0;
   }
 
   .icon-squares {
diff --git a/resources/js/components/shared/LaunchpadSettingsModal.vue b/resources/js/components/shared/LaunchpadSettingsModal.vue
@@ -1275,11 +1275,7 @@ label {
     text-align: left;
   }
 }
-.multiselect-icons.custom-multiselect {
-  .icon-selected {
-    margin-top: 0;
-  }
-}
+
 .modal-content-custom .column-container {
   overflow-y: auto;
 }

Original file line number	Diff line number	Diff line change
`@@ -1275,11 +1275,7 @@ label {`
`1275`	`1275`	`text-align: left;`
`1276`	`1276`	`}`
`1277`	`1277`	`}`
`1278`		`-.multiselect-icons.custom-multiselect {`
`1279`		`- .icon-selected {`
`1280`		`- margin-top: 0;`
`1281`		`- }`
`1282`		`-}`
	`1278`	`+`
`1283`	`1279`	`.modal-content-custom .column-container {`
`1284`	`1280`	`overflow-y: auto;`
`1285`	`1281`	`}`