lanceJiang 1 år sedan
förälder
incheckning
ada5d898c4
3 ändrade filer med 9 tillägg och 3 borttagningar
  1. 1 2
      src/components/Icon.vue
  2. 5 1
      src/components/SvgIcon/index.vue
  3. 3 0
      src/styles/lance-element/icon.scss

+ 1 - 2
src/components/Icon.vue

@@ -1,5 +1,5 @@
 <template>
-	<svg class="le-icon" aria-hidden="true" @click="$emit('click', $event)">
+	<svg class="le-icon" aria-hidden="true">
 		<use :xlink:href="`#${iconClass}`" :fill="color" />
 	</svg>
 </template>
@@ -15,5 +15,4 @@ const props = defineProps({
 		default: ''
 	}
 })
-defineEmits(['click'])
 </script>

+ 5 - 1
src/components/SvgIcon/index.vue

@@ -25,12 +25,16 @@ const props = defineProps({
 const symbolId = computed(() => `#${props.prefix}-${props.iconClass}`)
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .svg-icon {
 	width: 1em;
 	height: 1em;
 	vertical-align: -0.15em;
 	overflow: hidden;
 	fill: currentColor;
+
+	&:focus {
+		outline: unset;
+	}
 }
 </style>

+ 3 - 0
src/styles/lance-element/icon.scss

@@ -6,4 +6,7 @@
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
+	&:focus {
+		outline: unset;
+	}
 }