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

(styling)(search)

Browse Source
This commit is contained in:
Andrea Vos 2024-12-29 15:30:23 +01:00
parent 3c63c7c089
commit 1b2e2fbbf2
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/search/SearchDialogue.vue
View File

@ -125,7 +125,7 @@ defineExpose({ open, close });
<li
v-for="(document, index) of searchAsyncData.data.value"
:key="`${document.kind}-${document.id}`"
:class="['list-group-item list-group-item-action p-0', selected === index ? 'list-group-item-hover' : '']"
:class="['list-group-item list-group-item-action p-0', selected === index ? 'list-group-item-active' : '']"
>
<SearchItem :document="document" @click="close()" />
</li>
@ -139,8 +139,9 @@ defineExpose({ open, close });
<style lang="scss">
@import "assets/variables";
.list-group-item-hover {
.list-group-item-active {
background-color: $list-group-hover-bg !important;
border-left: 3px solid $primary !important;
margin-inline-start: -2px; /** compensate for the border mark, minus 1px (regular border) */
}
</style>