fix/autosuggest-mobile-click

Commits

• e5fbaa8: Introduce a story & styling for periodicals in FindOnShelfModal (Adam Antal) #205,#208,#206,#197,#146
• 8ccf1ae: Correct find on shelf modal mobile & desktop elements' spacing (Adam Antal) #205,#208,#206,#197,#146
• b751447: Make periodical-dropdowns a modifier, not separate class within a block (Adam Antal) #205,#208,#206,#197,#146
• eee4e10: revert color change (Sine Jespersen) #205,#208,#206,#197,#147
• 136ccea: Fix markdownlint (Kasper Garnæs) #205,#208,#206,#197,#148
• f8a2b3d: fix color of icon favourite (Sine Jespersen) #205,#208,#206,#197,#147
• add loan-list-page #205,#208,#206,#197,#151 (Sine Jespersen)
• fix icon margin #205,#208,#206,#197,#151 (Sine Jespersen)
• add modifier to make pagination visible #205,#208,#206,#197,#151 (Sine Jespersen)
• add reservation-list-page #205,#208,#206,#197,#151 (Sine Jespersen)
• add margin to power #205,#208,#206,#197,#151 (Sine Jespersen)
• fix list reservation mateiral styling #205,#208,#206,#197,#151 (Sine Jespersen)
• remove rebase error #205,#208,#206,#197,#151 (Sine Jespersen)
• remove import from rebase #205,#208,#206,#197,#151 (Sine Jespersen)
• e982e38: Remove default padding from profile modal (Kasper Birch) #205,#208,#206,#197,#150
• move hide-on-mobile because of linting #205,#208,#206,#197,#151 (Sine Jespersen)
• reduce margin bottom #205,#208,#206,#197,#151 (Sine Jespersen)
• 7a198f9: Add campaign (kasperbirch1) #205,#208,#206,#197,#149
• bemify #205,#208,#206,#197,#151 (Sine Jespersen)
• b687e6e: Change image for campaign (kasperbirch1) #205,#208,#206,#197,#152
• 145d44d: Move img src to imageUrl prop + Add without image story (kasperbirch1) #205,#208,#206,#197,#152
• 4d1e986: Rename and move .modal-backdrop to its own css class (kasperbirch1) #205,#208,#206,#197,#154
• 0151eb6: Move logic to show modal into the Modal component (kasperbirch1) #205,#208,#206,#197,#154
• 71c5e2f: Use clsx css class in modal component (kasperbirch1) #205,#208,#206,#197,#154
• 6de58a3: Fix typo in Modal.tsx (Kasper Birch) #205,#208,#206,#197,#154
• 1a076ca: Add FacetBrowser + .modal--no-padding + make disclosure icon optional (kasperbirch1) #205,#208,#206,#197,#153
• 4725975: Make FacetBrowserTag to its own component + change the name to FacetTag (kasperbirch1) #205,#208,#206,#197,#153
• 77b2278: Add classNames to Disclosure + small BEM correction (kasperbirch1) #205,#208,#206,#197,#153
• 0bc35d6: Remove FacetTag + Rewrite Tag + Use Disclosure fullWidth (kasperbirch1) #205,#208,#206,#197,#153
• de8d5b0: Modal small BEM correction + Fix Backdrop (kasperbirch1) #205,#208,#206,#197,#153
• 8d6ec7e: FacetBrowser BEM corrections and use of variables and margin/padding (kasperbirch1) #205,#208,#206,#197,#153
• b79272d: Use Disclosure removeHeadlinePadding prop instead of descendant selector (kasperbirch1) #205,#208,#206,#197,#153
• ccd63ad: Fixing css class name after modal css is changed (kasperbirch1) #205,#208,#206,#197,#153
• e211c0d: Add campaign without text story, styling & a cover image for it (Adam Antal) #205,#208,#206,#197,#158
• 6d53114: Call campaign stories by what they are, not what they're not (Adam Antal) #205,#208,#206,#197,#158
• fe08ea4: Use min-width: 100% for an "image only" campaign to hangle small images (Adam Antal) #205,#208,#206,#197,#160
• 9a2c81d: Add Infomedia modal + Logo (kasperbirch1) #205,#208,#206,#197,#159
• 2c05aaa: Make href in Dropdown optional (Mikkel Jakobsen) #205,#208,#206,#197,#161
• a0f5d6c: Add 1st version of facet line (Mikkel Jakobsen) #205,#208,#206,#197,#161
• 59e9e0d: Add selected filters line (Mikkel Jakobsen) #205,#208,#206,#197,#161
• b26c2af: Create components for showing facet line (Mikkel Jakobsen) #205,#208,#206,#197,#161
• 6ad33f2: Make fc snippet use filename (Mikkel Jakobsen) #205,#208,#206,#197,#161
• e14ca8b: Add possibility for disabling dropdown options (Mikkel Jakobsen) #205,#208,#206,#197,#161
• 66ed6d5: Cleaning up tag component (Mikkel Jakobsen) #205,#208,#206,#197,#161
• efc462c: Update tag story to reflect prop changes (Mikkel Jakobsen) #205,#208,#206,#197,#161
• 075def9: Add updated controls to tag story (Mikkel Jakobsen) #205,#208,#206,#197,#161
• 0907119: Move facet line styling to separate sass file (Mikkel Jakobsen) #205,#208,#206,#197,#161
• f10712b: Use spacing vars in facet line styling (Mikkel Jakobsen) #205,#208,#206,#197,#161
• 1851649: Move search result data to seprate file (Mikkel Jakobsen) #205,#208,#206,#197,#161
• 5f544a6: Only use outlined when not selected (Mikkel Jakobsen) #205,#208,#206,#197,#161
• c72a19f: Expand dropdown component to use inner classes (Mikkel Jakobsen) #205,#208,#206,#197,#161
• a3c8c49: Simplify selected/unselected tag styling (Mikkel Jakobsen) #205,#208,#206,#197,#161
• 2d4af06: Refactor FacetLineSelected to FacetLineSelectedTerms (Mikkel Jakobsen) #205,#208,#206,#197,#161
• patron page and remove status.scss #205,#208,#206,#197,#162 (Sine Jespersen)
• change padding on datepickers #205,#208,#206,#197,#162 (Sine Jespersen)
• change name in css #205,#208,#206,#197,#162 (Sine Jespersen)
• another rename #205,#208,#206,#197,#162 (Sine Jespersen)
• datepicker remove some styling #205,#208,#206,#197,#162 (Sine Jespersen)
• 33383b8: CMN-293: add screen-reader-description (Sine Jespersen) #205,#208,#206,#197,#164
• checkbox and materials status #205,#208,#206,#197,#166 (Sine Jespersen)
• list reservation note added #205,#208,#206,#197,#166 (Sine Jespersen)
• d5ae321: Add PromoBar (Kasper Birch) #205,#208,#206,#197,#165
• 4e8a575: Add PromoBar to ReservationForm (Kasper Birch) #205,#208,#206,#197,#165
• clsx #205,#208,#206,#197,#166 (Sine Jespersen)
• import clsx from "clsx"; #205,#208,#206,#197,#166 (Sine Jespersen)
• readd margin #205,#208,#206,#197,#166 (Sine Jespersen)
• readd margin #205,#208,#206,#197,#166 (Sine Jespersen)
• clsx #205,#208,#206,#197,#166 (Sine Jespersen)
• b7f5caa: Change Tag outline to border (Kasper Birch) #205,#208,#206,#197,#167
• fix margin, padding and fontsizes #205,#208,#206,#197,#168 (Sine Jespersen)
• fix font size on mobile #205,#208,#206,#197,#168 (Sine Jespersen)
• change to use $s-md instead of 16px #205,#208,#206,#197,#168 (Sine Jespersen)
• 7fe5430: added styling for placement of elements at the bottom of each intermediate list (Jeppe Krogh) #205,#208,#206,#197,#169
• 61e0104: added import to base (Jeppe Krogh) #205,#208,#206,#197,#169
• margin zero on deskop #205,#208,#206,#197,#172 (Sine Jespersen)
• create patron #205,#208,#206,#197,#173 (Sine Jespersen)
• remove unused css #205,#208,#206,#197,#173 (Sine Jespersen)
• deae5cb: Wrap search-result headline text after 2 lines with three dots (Adam Antal) #205,#208,#206,#197,#174
• 5f63038: Make sure the search result card expands its height depending on content (Adam Antal) #205,#208,#206,#197,#174
• 86a4923: Introduce "Content Overload" substory for the "Search Result Item" story (Adam Antal) #205,#208,#206,#197,#174
• e44d778: Add availabilityLabels count to the search result page data definition (Adam Antal) #205,#208,#206,#197,#174
• add recommender to design system #205,#208,#206,#197,#190 (Sine Jespersen)
• remove unused padding #205,#208,#206,#197,#190 (Sine Jespersen)
• update fonts on input #205,#208,#206,#197,#173 (Sine Jespersen)
• cf077fd: Set min height on search result items (Mikkel Jakobsen) #205,#208,#206,#197,#176
• change color frm primary to black #205,#208,#206,#197,#190 (Sine Jespersen)
• change color to black #205,#208,#206,#197,#190 (Sine Jespersen)
• use spacing variable #205,#208,#206,#197,#173 (Sine Jespersen)
• fixes from commens on pr #205,#208,#206,#197,#190 (Sine Jespersen)
• make title link #205,#208,#206,#197,#190 (Sine Jespersen)
• add display block to link #205,#208,#206,#197,#190 (Sine Jespersen)
• remove meta from classes #205,#208,#206,#197,#190 (Sine Jespersen)
• bright version of recommender #205,#208,#206,#197,#190 (Sine Jespersen)
• d8ace67: add header button and hover effects (Sine Jespersen) #205,#208,#206,#197,#181
• add bright boolean #205,#208,#206,#197,#190 (Sine Jespersen)
• wrap input css in patron__input #205,#208,#206,#197,#178 (Sine Jespersen)
• move patron input #205,#208,#206,#197,#178 (Sine Jespersen)
• fe43004: margin to counter and focus (Sine Jespersen) #205,#208,#206,#197,#181
• a882f72: create bem element (Sine Jespersen) #205,#208,#206,#197,#181
• f75c2bf: add arrow (Sine Jespersen) #205,#208,#206,#197,#181
• cf05c20: Keep height for maintaining design for breakpoint-s (Mikkel Jakobsen) #205,#208,#206,#197,#176
• 318c7d9: Comment in why SearchResultItem availabilityLabels control is disabled (Adam Antal) #205,#208,#206,#197,#174
• 86b74db: Add variations of material types & availability in search result item (Adam Antal) #205,#208,#206,#197,#174
• 6436128: Use long title provided to us for search result item "Content overload" (Adam Antal) #205,#208,#206,#197,#174
• 0e051eb: Merge branch 'lazyload-search-results' into change/search-result-cards (Adam Antal) #205,#208,#206,#197,#174
• 5a7d9b2: Remove unnecessary (duplicate) min-height in search result item scss (Adam Antal) #205,#208,#206,#197,#174
• ae9ab1d: Remove unnecessary max-widt in search result item scss (Adam Antal) #205,#208,#206,#197,#174
• b76c56f: create mixin (Sine Jespersen) #205,#208,#206,#197,#181
• 7393f5d: remove > (Sine Jespersen) #205,#208,#206,#197,#181
• d355666: Set min height on search result items (Mikkel Jakobsen) #205,#208,#206,#197,#176
• 246d1cd: Keep height for maintaining design for breakpoint-s (Mikkel Jakobsen) #205,#208,#206,#197,#176
• 19a8a11: Build GH storybook from develop (Mikkel Jakobsen) #205,#208,#206,#197,#163
• daa8899: Set min height on search result items (Mikkel Jakobsen) #205,#208,#206,#197,#163
• ddbbbbd: mixin with class (Sine Jespersen) #205,#208,#206,#197,#181
• 75e8b2c: add ignore bem rule (Sine Jespersen) #205,#208,#206,#197,#181
• a2865a8: moved hov into class (Sine Jespersen) #205,#208,#206,#197,#181
• 65cb869: mixin hover (Sine Jespersen) #205,#208,#206,#197,#181
• 4cf80d0: Modified text decoration search-result-item title (Kasper Birch) #205,#208,#206,#197,#170
• 623c3f6: Adding text-loading class (Mikkel Jakobsen) #205,#208,#206,#197,#180
• f31b85a: Change search result counts to numbers (Mikkel Jakobsen) #205,#208,#206,#197,#180
• e43f02e: Fix PR comments (Mikkel Jakobsen) #205,#208,#206,#197,#180
• e6cdeb5: Add a comment explanation for availability label rendering (Adam Antal) #205,#208,#206,#197,#174
• f5a329e: Removed unnecessary export keyword from AvailabilityLabel (Kasper Birch) #205,#208,#206,#197,#177
• ebb0d4a: Add InstantLoan component to display branches for instant loan service (Kasper Birch) #205,#208,#206,#197,#177
• 361c2f5: Add DisclosureControllable (Kasper Birch) #205,#208,#206,#197,#177
• 2acef47: Use DisclosureControllable instead of
  + Split InstantLoan (Kasper Birch) #205,#208,#206,#197,#177
• 344d966: Remove unnecessary InstantLoanBranchButton (Kasper Birch) #205,#208,#206,#197,#177
• 6f6d563: Add a separate story for InstantLoan + Still show in the ReservationForm (Kasper Birch) #205,#208,#206,#197,#177
• 399a06c: Make prop "showInstantLoan" optional for Reservation component (Kasper Birch) #205,#208,#206,#197,#177
• 078a99a: Move instantLoanDefaultArgs to a separate file to avoid it show as story (Kasper Birch) #205,#208,#206,#197,#177
• 119584d: Remove instantLoanDefaultArgs and use defaults values in props (Kasper Birch) #205,#208,#206,#197,#177
• 973b4a1: Change to SCSS to target an flip the arrow icon in InstantLoan (Kasper Birch) #205,#208,#206,#197,#177
• b94f67b: Do not restrict GitHub pages deployment to main (Kasper Garnæs) #205,#208,#206,#197,#183
• 472ab49: Do not run GitHub Pages workflow on pull requests (Kasper Garnæs) #205,#208,#206,#197,#183
• a79cc6e: adding class for prevent background from scrolling (Jeppe Krogh) #208,#184
• 198a352: fixed path (Jeppe Krogh) #208,#184
• 34ef780: Add Skeleton Screen CSS for loading state style (Mikkel Jakobsen) #205,#208,#206,#197,#179
• f0c48b3: Document the choice of using skeleton screen css (Mikkel Jakobsen) #205,#208,#206,#197,#179
• 6eb64fb: Deliberately bypass BEM linting in search result (Mikkel Jakobsen) #205,#208,#206,#197,#179
• 6a45fda: Refactor Cover identity tint (Kasper Birch) #205,#208,#206,#197,#185
• filter none on hover on stacked items #205,#208,#206,#197,#187 (Sine Jespersen)
• add padding to buttons (also bemify) #205,#208,#206,#197,#188 (Sine Jespersen)
• add padding to mobile details modal #205,#208,#206,#197,#195 (Sine Jespersen)
• link buttons bright #205,#208,#206,#197,#190 (Sine Jespersen)
• switch two colors #205,#208,#206,#197,#190 (Sine Jespersen)
• 689d053: Merge branch 'develop' into feature/5464-recommender (Sine Jespersen) #205,#208,#206,#197,#190
• commit base.scss #205,#208,#206,#197,#190 (Sine Jespersen)
• create mixin #205,#208,#206,#197,#190 (Sine Jespersen)
• 7faafad: Merge branch 'develop' into feature/5464-recommender (Sine Jespersen) #205,#208,#206,#197,#190
• 0325e6f: Introduce local fonts in src/styles/fonts/ (Adam Antal) #205,#208,#206,#197,#191
• 5392e75: Point to locally saved fonts instead of requesting the from an API (Adam Antal) #205,#208,#206,#197,#191
• ace3870: Replace .ttf fonts with .woff & .woff2 fonts (Adam Antal) #205,#208,#206,#197,#191
• 829d909: Update font face definition in typography styling (Adam Antal) #205,#208,#206,#197,#191
• e3b562f: Create a font folder when deploying when building assets (Adam Antal) #205,#208,#206,#197,#191
• 0a1ddf1: Use relative url path to fonts in typography.scss (Adam Antal) #205,#208,#206,#197,#191
• f061f1a: Explain where we get our fonts from in the typography.scss (Adam Antal) #205,#208,#206,#197,#191
• nest #205,#208,#206,#197,#190 (Sine Jespersen)
• 8aad5aa: Remove default spacing in article + Add spacing in infomedia (Kasper Birch) #205,#208,#206,#197,#186
• ecc3891: Refactoring the Cover component (Part1) (Kasper Birch) #205,#208,#206,#197,#186
• c2c1c40: Refactoring the Cover component (Part2) (Kasper Birch) #205,#208,#206,#197,#186
• 474ef51: Refactoring the Cover component (Part3) (Kasper Birch) #205,#208,#206,#197,#186
• 08dd6a5: Add pauseAnimationAtEnd in stories that use cover animation (Kasper Birch) #205,#208,#206,#197,#186
• c86188b: Add a picture with an different aspect ratio (Kasper Birch) #205,#208,#206,#197,#186
• 6c86d02: Make cover animate a modifier again (Kasper Birch) #205,#208,#206,#197,#186
• 577ada6: Small css fixes (Kasper Birch) #205,#208,#206,#197,#186
• ea56713: Refactor CoverImage component + class names (Kasper Birch) #205,#208,#206,#197,#186
• 3bf5da0: Refactor Cover + CoverImage components for improved accessibility (Kasper Birch) #205,#208,#206,#197,#186
• e95e78b: Make cover tint optional again (Kasper Birch) #205,#208,#206,#197,#186
• 181f828: Refactor AutosuggestMaterial to adapt the new Cover structure (Kasper Birch) #205,#208,#206,#197,#186
• 2cbecd4: Handle if cover img has an error (Kasper Birch) #205,#208,#206,#197,#186
• 73efaa9: Set pauseAnimationAtEnd: true in global storybook parameters (Kasper Birch) #205,#208,#206,#197,#186
• bd3e49b: Change cover shadow to 'filter: drop-shadow' (Kasper Birch) #205,#208,#206,#197,#186
• b87f012: Fix flex css in autosuggest (Kasper Birch) #205,#208,#206,#197,#186
• update material details modal #205,#208,#206,#197,#195 (Sine Jespersen)
• e5413fa: Merge branch 'develop' into feature/5654-details-modal (Sine Jespersen) #205,#208,#206,#197,#195
• lint #205,#208,#206,#197,#195 (Sine Jespersen)
• remove duplicate align items #205,#208,#206,#197,#195 (Sine Jespersen)
• b918e06: Make all full-screen modals smaller as default styling (Adam Antal) #205,#208,#206,#197,#196
• 1f20332: Show max 3 works in one row in material banner for breakpoint-s (Adam Antal) #205,#208,#206,#197,#196
• 3143f48: Remove an extra backdrop from facet browser modal story (Adam Antal) #205,#208,#206,#197,#196
• 08d4235: Adjust modal loan styling so that sticky buttons fit new modal size (Adam Antal) #205,#208,#206,#197,#196
• 174d6e7: Remove backdrop from profile modal so it's not doubled (Adam Antal) #205,#208,#206,#197,#196
• padding size on search-result-page #205,#208,#206,#197,#194 (Kasper Birch)
• 01dca6e: Add spacing between searchResultItem title and author (Kasper Birch) #205,#208,#206,#197,#194
• f6a09d4: Add new typography class - text small caption bold (Adam Antal) #205,#208,#206,#197,#198
• a543a7f: Use text-caption-small font definition in review headlines (Adam Antal) #205,#208,#206,#197,#198
• 0e357cc: Move modal related class definition from the shared.scss to modal.scss (Adam Antal) #205,#208,#206,#197,#196
• 4eeae2c: Determin modal close button's location based on a prop - orientation (Adam Antal) #205,#208,#206,#197,#196
• efbb978: patron page more like figma (Sine Jespersen) #205,#208,#206,#197,#201
• a1f8d56: rename class (Sine Jespersen) #205,#208,#206,#197,#201
• 368c687: breakpoint-s in first-of-type (Sine Jespersen) #205,#208,#206,#197,#201
• 3d5655b: text align empty list (Sine Jespersen) #205,#208,#206,#197,#201
• b17f01b: Add skeleton screens for the material page (Mikkel Jakobsen) #205,#208,#206,#197,#192
• c7bd3d3: Add better length for search result skeleton lines (Mikkel Jakobsen) #205,#208,#206,#197,#192
• 66edcff: Adjust skeleton search icon (Mikkel Jakobsen) #205,#208,#206,#197,#192
• e7582f4: Add skeleton variety in facet line (Mikkel Jakobsen) #205,#208,#206,#197,#192
• 1761dc9: Adding corrections from review (Mikkel Jakobsen) #205,#208,#206,#197,#192
• 31504fb: Recommender component has not been updated (Mikkel Jakobsen) #205,#208,#206,#197,#192
• af457c0: Add expand modifiers css to .horizontal-term-line + .disclosure (Kasper Birch) #205,#208,#206,#197,#199
• 2d7f6dd: Add show more feature to HorizontalTermLine component (Kasper Birch) #205,#208,#206,#197,#199
• 75429e0: Remove default padding on buttons / inputs (Kasper Birch) #205,#208,#206,#197,#199
• ba6bffb: Add min-height to 'material-header' (Kasper Birch) #205,#208,#206,#197,#200
• 0af91b9: Make sure text inside availability labels can't have a bottom margin (Adam Antal) #205,#208,#206,#197,#203
• 70e1d4e: Use predefined spacing variables in autosuggest-text.scss (Adam Antal) #208,#204
• ec83b2b: Make sure autosuggest text content can break on phones if it's too long (Adam Antal) #208,#204
• 90aac32: Comment on why we don't want autosuggedst text hover effect on phones (Adam Antal) #208,#204
• 8957bc2: Remove hover effect from autosuggest-material suggestions on phone (Adam Antal) #208,#204
• 336d8a5: Add new class instead of targeting a generic

  in availability label (Adam Antal) #205,#208,#206,#197,#203

• 395552f: Correct BEM class annotation for availability-label class (-- -> __) (Adam Antal) #205,#208,#206,#197,#203
• dad2b30: Add mobile viewport size for testing with Chromatic (Adam Antal) #208,#204
• a6b11b3: Merge branch 'develop' into fix/autosuggest-mobile-wrapping (Adam Antal) #208,#204
• 528fb01: Introduce autosuggest story with a multi-line suggestion on mobile (Adam Antal) #208,#204
• 81ac4ff: Change '$MATERIAL_XLARGE_MOBILE' (Cover size) to match Figma design (Kasper Birch) #205,#208,#206,#197,#202
• 9757d6b: Merge branch 'develop' into fix/autosuggest-mobile-wrapping (Adam Antal) #208,#204
• fb86ad2: Merge branch 'develop' into feature/patron-page-shine-up (Sine Jespersen) #205,#208,#206,#197,#201
• 8649849: Add online reference for autosuggest-text iphone hover problems (Adam Antal) #208,#204
• 9e76ffe: Make sure autosuggest content on tablets/small desktops doesn't overlap (Adam Antal) #208,#204
• 2619e6e: Merge branch 'develop' into fix/autosuggest-mobile-wrapping (Adam Antal) #208,#204
• 9ce711b: Use "viewport widths" instead of "viewports" in preview.js (Adam Antal) #208,#204
• b0431bf: Explain why 400 & 1200 values were chosen for Chromatic viewports (Adam Antal) #208,#204
• f272093: Add cursor:pointer for highlighted items in autosuggest (Adam Antal)