LWS-195: Make text in search card selectable (#1058)

* Make text in search card selectable

* Make entire card-footer selectable

* Fix selectable text in card-footer

* Update comment

* Update changelog

lxl-web/src/lib/components/find/SearchCard.svelte

@@ -128,7 +128,7 @@
 					{item.typeStr}
 				</span>
 				{#each item[LensType.WebCardFooter]?._display as obj}
-					{' • '}
+					<span>{' • '}</span>
 					{#if 'hasInstance' in obj}
 						{@const instances = getInstanceData(obj.hasInstance)}
 						{#if instances?.years}
@@ -193,8 +193,9 @@
 	}
 
 	:global(a):not(.card-link),
-	:global(.definition) {
-		position: relative; /* needed for supporting mouse events on links and definitions above card-link */
+	.card-body :global(span:first-of-type),
+	.card-footer :global(> span) {
+		position: relative; /* needed for supporting mouse events on text, links and definitions above card-link */
 	}
 
 	.card-image {

lxl-web/src/routes/(app)/[[lang=lang]]/help/en.md

@@ -8,7 +8,12 @@ title: 'Hjälp'
 
 Here we will continuously provide information about newly added features and planned developments:
 
+### 2024-06-12
+
+- Selectable text in search results
+
 ### 2024-05-29
+
 - Standard free text search
 - Filters to narrow down search results
 - Result list with pagination and sorting options
@@ -17,6 +22,7 @@ Here we will continuously provide information about newly added features and pla
 - Boolean search logic in the search box. Example: pippi SPRÅK:"lang" hasInstanceType itemHeldBy:"sigel S"
 
 ### Features to look forward to:
+
 - Improved layout and information content in the search result list
 - Adjustments to the selection and presentation of information on detailed pages
 - Basic search filtering that excludes upcoming titles (preliminary information) or electronically deposited resources, with the option to manually deactivate
@@ -46,7 +52,7 @@ In addition to standard free text search, you can also write more advanced searc
 
 To search for phrases or word combinations, enclose the search terms in quotation marks, for example, "seven seasick sailors". Note that this also needs to be done for titles or search strings with a colon “:” in them, as this character is currently interpreted as an operator for targeted search.
 
-To include multiple word forms, truncate with an asterisk, for example, searching for cultur* will return hits where the words culture and cultural are included.
+To include multiple word forms, truncate with an asterisk, for example, searching for cultur\* will return hits where the words culture and cultural are included.
 
 ### Narrow down the search results with the following filters:
 

lxl-web/src/routes/(app)/[[lang=lang]]/help/sv.md

@@ -8,6 +8,10 @@ title: 'Hjälp'
 
 Här kommer vi kontinuerligt berätta om nytillkomna funktioner och planerad utveckling:
 
+### 2024-06-12
+
+- Markerbar text i sökträffarna
+
 ### 2024-05-29
 
 - Vanlig fritextsökning
@@ -81,6 +85,7 @@ När ett eller flera filter har valts visas knappen “Redigera“ som ger dig m
 Observera att allt innehåll i Libris inte är beskrivet med samtliga filtertyper. Hur material är beskrivet i Libris har varierat över tid. Du kan därför behöva göra flera kompletterande sökningar eller justera filtreringen för att fånga upp relevanta objekt. Filtren visar max 100 alternativ, du kan avgränsa sökningen ytterligare för att få fram färre.
 
 ### Om vad som visas i en detaljerad vy av objektet
+
 I detaljvyn visas detaljerad och beskrivande information om objektet samt information som är relaterat till det. (Se ovan om detaljerna för materialtyper.)
 
 Om materialet finns utgivet i flera utgåvor, visas utgåvorna i en lista med nyast först. Genom att klicka på pilen för varje utgåva visas detaljerad information om respektive utgåva samt de bibliotek som har den specifika utgåvan.