studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

remove useless comment

Browse source
This commit is contained in:
isUnknown 2025-05-27 14:40:51 +02:00
parent 3a9c213d86
commit df53bf0267
1 changed files with 10 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/inspirations/Selector.vue
View file

@ -1,5 +1,4 @@
<template> <template>
<!-- TODO: dynamiser la valeur de l'attribut style: url('inspiration.cover') -->
<div <div
id="inspirations-dropdown" id="inspirations-dropdown"
class="flex flex-col" class="flex flex-col"
@ -21,7 +20,7 @@
</template> </template>
<script setup> <script setup>
import { ref, watch } from "vue"; import { ref, watch } from 'vue';
const { all } = defineProps({ const { all } = defineProps({
all: Array, all: Array,
@ -33,10 +32,10 @@ watch(current, (newValue) => {
changeInspiration(newValue); changeInspiration(newValue);
}); });
const emit = defineEmits(["update:currentInspiration"]); const emit = defineEmits(['update:currentInspiration']);
function changeInspiration(inspiration) { function changeInspiration(inspiration) {
emit("update:currentInspiration", inspiration); emit('update:currentInspiration', inspiration);
} }
</script> </script>
@ -52,7 +51,7 @@ function changeInspiration(inspiration) {
padding: var(--space-8) var(--space-48) var(--space-8) var(--space-64); padding: var(--space-8) var(--space-48) var(--space-8) var(--space-64);
} }
#inspirations-dropdown::before { #inspirations-dropdown::before {
content: ""; content: '';
position: absolute; position: absolute;
left: var(--space-8); left: var(--space-8);
width: 2.75rem; width: 2.75rem;
@ -64,21 +63,21 @@ function changeInspiration(inspiration) {
background-position: center; background-position: center;
} }
[role="combobox"], [role='combobox'],
#inspirations-select_list { #inspirations-select_list {
border: 1px solid var(--color-grey-200); border: 1px solid var(--color-grey-200);
} }
[role="combobox"]:hover { [role='combobox']:hover {
outline: 1px solid var(--color-grey-400); outline: 1px solid var(--color-grey-400);
border-color: var(--color-background); border-color: var(--color-background);
} }
[role="combobox"][aria-expanded="true"] { [role='combobox'][aria-expanded='true'] {
outline: 2px solid var(--color-focus-ring); outline: 2px solid var(--color-focus-ring);
outline-offset: -2px; outline-offset: -2px;
border-color: transparent; border-color: transparent;
} }
#inspirations-select, #inspirations-select,
[role="combobox"] { [role='combobox'] {
position: absolute; position: absolute;
inset: 0; inset: 0;
border-radius: inherit; border-radius: inherit;
@ -126,7 +125,7 @@ function changeInspiration(inspiration) {
margin-top: var(--space-4); margin-top: var(--space-4);
} }
#inspirations-select_list > *::before { #inspirations-select_list > *::before {
content: ""; content: '';
position: absolute; position: absolute;
left: var(--space-8); left: var(--space-8);
width: 1.75rem; width: 1.75rem;
@ -143,7 +142,7 @@ function changeInspiration(inspiration) {
} }
#inspirations-select_list > *:focus, #inspirations-select_list > *:focus,
#inspirations-select_list > *:focus-visible, #inspirations-select_list > *:focus-visible,
#inspirations-select_list > [data-p-focused="true"] { #inspirations-select_list > [data-p-focused='true'] {
outline: 2px solid var(--color-focus-ring); outline: 2px solid var(--color-focus-ring);
} }
/* Check */ /* Check */