Merge branch 'main' of github.com:directus/next into main

app/src/displays/raw/index.ts

@@ -4,7 +4,7 @@ import { types } from '@/types';
 export default defineDisplay(({ i18n }) => ({
 	id: 'raw',
 	name: i18n.t('displays.raw.raw'),
-	icon: 'dns',
+	icon: 'code',
 	handler: (value) => value,
 	options: [],
 	types: types,

app/src/views/private/components/save-options/save-options.vue

@@ -41,9 +41,16 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-.v-icon.disabled {
+.v-icon {
 	color: var(--foreground-subdued);
-	cursor: not-allowed;
+
+	&:hover:not(.disabled) {
+		color: var(--foreground-normal);
+	}
+
+	&.disabled {
+		cursor: not-allowed;
+	}
 }
 
 .v-list-item {