TheCloud/PronounsPage
1
0
Fork 0
mirror of https://gitlab.com/PronounsPage/PronounsPage.git synced 2025-09-11 08:38:03 -04:00
Code Issues Packages Projects Releases Wiki Activity

(style)(nouns) add little indication which words have declensions

Browse Source
This commit is contained in:
Valentyne Stigloher 2025-07-27 21:25:27 +02:00
parent 9fefe3a19e
commit 01995be86e
3 changed files with 20 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
assets/style.scss
View File

@ -237,29 +237,27 @@ form[inert] {
filter: invert(1); filter: invert(1);
} }
.list-singular { .list-singular, .list-plural {
list-style: none; list-style: none;
li {
> li {
padding-inline-start: $fa-fw-width;
white-space: nowrap; white-space: nowrap;
&::before {
display: inline-block;
width: $fa-fw-width;
margin-inline-start: -#{$fa-fw-width};
text-align: center;
} }
>li:before { }
}
.list-singular > li::before {
content: "⋅"; content: "⋅";
display: inline-block;
width: $fa-fw-width;
text-align: center;
} }
} .list-plural > li::before {
.list-plural {
list-style: none;
li {
white-space: nowrap;
}
>li:before {
content: "⁖"; content: "⁖";
display: inline-block;
width: $fa-fw-width;
text-align: center;
}
} }
.btn-concise { .btn-concise {

2
components/nouns/NounsItem.vue
View File

@ -49,7 +49,7 @@ const visibleWords = computed(() => {
<NounsWordDisplay :word="collapsibleWordRepresentative" :numerus /> <NounsWordDisplay :word="collapsibleWordRepresentative" :numerus />
<button <button
type="button" type="button"
class="btn btn-link d-block btn-sm w-100 text-start ps-3 pt-0 text-wrap" class="btn btn-link d-block btn-sm w-100 text-start ps-0 pt-0 text-wrap"
@click="collapsed = false" @click="collapsed = false"
> >
<Icon v="plus-circle" /> <Icon v="plus-circle" />

5
components/nouns/NounsWordDisplay.vue
View File

@ -35,11 +35,12 @@ const nounConvention = computed(() => getWithKey(nounsData.conventions, mainWord
</script> </script>
<template> <template>
<Popover placement="right"> <Popover placement="right" class="d-inline-flex gap-1 w-100">
<template v-for="(meaning, abbr) in abbrs" :key="abbr"> <template v-for="(meaning, abbr) in abbrs" :key="abbr">
<abbr v-if="meaning" :title="meaning">{{ abbr }}</abbr><span v-else>{{ abbr }}</span> <abbr v-if="meaning" :title="meaning">{{ abbr }}</abbr><span v-else>{{ abbr }}</span>
{{ ' ' }} {{ ' ' }}
</template><Spelling :text="resolveFirstDeclension(mainWord, numerus, nounsData)" /> </template><Spelling :text="resolveFirstDeclension(mainWord, numerus, nounsData)" class="flex-grow-1" />
<Icon v-if="declensionByCase" v="ellipsis-h" class="text-secondary align-self-center me-1" />
<template v-if="declensionByCase" #content> <template v-if="declensionByCase" #content>
<template v-if="nounConvention"> <template v-if="nounConvention">
<NuxtLink :to="nounConvention.key" class="text-primary-inverted"> <NuxtLink :to="nounConvention.key" class="text-primary-inverted">