TheCloud/PronounsPage
1
0
Fork 0
mirror of https://gitlab.com/PronounsPage/PronounsPage.git synced 2025-09-23 20:54:48 -04:00
Code Issues Packages Projects Releases Wiki Activity

(profile) style pronunciation

Browse Source 
remove bold text weight from pronunciation text
prevent wrapping when name and pronunciation would cause the pronunciation speaker to be on a new line
This commit is contained in:
Valentyne Stigloher 2023-12-27 17:25:56 +01:00
parent 0435f28e21
commit fd58ab3fe3
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/Pronunciation.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<span> <span class="pronunciation">
<span v-if="text" class="text-muted"> <span v-if="text" class="text-pronunciation">
{{ pronunciation }} {{ pronunciation }}
</span> </span>
<PronunciationSpeaker v-for="voice in voices" :key="voice" <PronunciationSpeaker v-for="voice in voices" :key="voice"
@ -26,3 +26,16 @@ export default {
}, },
} }
</script> </script>
<style lang="scss" scoped>
@import "assets/variables";
.pronunciation {
white-space: nowrap;
}
.text-pronunciation {
font-weight: normal;
color: var(--#{$prefix}secondary-color);
}
</style>