ResiLien/portails
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add descriptive class names for flexsearch result items

Browse Source
This commit is contained in:
Michael Schnerring
2021-10-15 15:34:57 +02:00
parent a409d55365
commit 1710b80829
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/js/index.js
View File

@@ -144,10 +144,12 @@ Source:
const title = document.createElement('span'); const title = document.createElement('span');
title.textContent = doc.title; title.textContent = doc.title;
title.classList.add("suggestion__title");
a.appendChild(title); a.appendChild(title);
const description = document.createElement('span'); const description = document.createElement('span');
description.textContent = doc.description; description.textContent = doc.description;
description.classList.add("suggestion__description");
a.appendChild(description); a.appendChild(description);
suggestions.appendChild(entry); suggestions.appendChild(entry);

8
assets/scss/components/_search.scss
View File

@@ -43,12 +43,12 @@
font-size: $font-size-base; font-size: $font-size-base;
} }
#suggestions span:first-child { .suggestion__title {
font-weight: $headings-font-weight; font-weight: $headings-font-weight;
color: $black; color: $black;
} }
#suggestions span:nth-child(2) { .suggestion__description {
color: $gray-700; color: $gray-700;
} }
@@ -61,7 +61,7 @@
display: flex; display: flex;
} }
#suggestions span:first-child { .suggestion__title {
width: 9rem; width: 9rem;
padding-right: 1rem; padding-right: 1rem;
border-right: 1px solid $gray-200; border-right: 1px solid $gray-200;
@@ -69,7 +69,7 @@
text-align: right; text-align: right;
} }
#suggestions span:nth-child(2) { .suggestion__description {
width: 19rem; width: 19rem;
padding-left: 1rem; padding-left: 1rem;
} }