feature/CMN-610-user-menu-fixes

Commits

• clsx #227,#166 (Sine Jespersen)
• b7f5caa: Change Tag outline to border (Kasper Birch) #227,#167
• fix margin, padding and fontsizes #227,#168 (Sine Jespersen)
• fix font size on mobile #227,#168 (Sine Jespersen)
• change to use $s-md instead of 16px #227,#168 (Sine Jespersen)
• 7fe5430: added styling for placement of elements at the bottom of each intermediate list (Jeppe Krogh) #227,#169
• 61e0104: added import to base (Jeppe Krogh) #227,#169
• margin zero on deskop #227,#172 (Sine Jespersen)
• create patron #227,#173 (Sine Jespersen)
• remove unused css #227,#173 (Sine Jespersen)
• deae5cb: Wrap search-result headline text after 2 lines with three dots (Adam Antal) #227,#174
• 5f63038: Make sure the search result card expands its height depending on content (Adam Antal) #227,#174
• 86a4923: Introduce "Content Overload" substory for the "Search Result Item" story (Adam Antal) #227,#174
• e44d778: Add availabilityLabels count to the search result page data definition (Adam Antal) #227,#174
• add recommender to design system #227,#190 (Sine Jespersen)
• remove unused padding #227,#190 (Sine Jespersen)
• update fonts on input #227,#173 (Sine Jespersen)
• cf077fd: Set min height on search result items (Mikkel Jakobsen) #227,#176
• change color frm primary to black #227,#190 (Sine Jespersen)
• change color to black #227,#190 (Sine Jespersen)
• use spacing variable #227,#173 (Sine Jespersen)
• fixes from commens on pr #227,#190 (Sine Jespersen)
• make title link #227,#190 (Sine Jespersen)
• add display block to link #227,#190 (Sine Jespersen)
• remove meta from classes #227,#190 (Sine Jespersen)
• bright version of recommender #227,#190 (Sine Jespersen)
• d8ace67: add header button and hover effects (Sine Jespersen) #227,#181
• add bright boolean #227,#190 (Sine Jespersen)
• wrap input css in patron__input #227,#178 (Sine Jespersen)
• move patron input #227,#178 (Sine Jespersen)
• fe43004: margin to counter and focus (Sine Jespersen) #227,#181
• a882f72: create bem element (Sine Jespersen) #227,#181
• f75c2bf: add arrow (Sine Jespersen) #227,#181
• cf05c20: Keep height for maintaining design for breakpoint-s (Mikkel Jakobsen) #227,#176
• 318c7d9: Comment in why SearchResultItem availabilityLabels control is disabled (Adam Antal) #227,#174
• 86b74db: Add variations of material types & availability in search result item (Adam Antal) #227,#174
• 6436128: Use long title provided to us for search result item "Content overload" (Adam Antal) #227,#174
• 0e051eb: Merge branch 'lazyload-search-results' into change/search-result-cards (Adam Antal) #227,#174
• 5a7d9b2: Remove unnecessary (duplicate) min-height in search result item scss (Adam Antal) #227,#174
• ae9ab1d: Remove unnecessary max-widt in search result item scss (Adam Antal) #227,#174
• b76c56f: create mixin (Sine Jespersen) #227,#181
• 7393f5d: remove > (Sine Jespersen) #227,#181
• d355666: Set min height on search result items (Mikkel Jakobsen) #227,#176
• 246d1cd: Keep height for maintaining design for breakpoint-s (Mikkel Jakobsen) #227,#176
• 19a8a11: Build GH storybook from develop (Mikkel Jakobsen) #227,#163
• daa8899: Set min height on search result items (Mikkel Jakobsen) #227,#163
• ddbbbbd: mixin with class (Sine Jespersen) #227,#181
• 75e8b2c: add ignore bem rule (Sine Jespersen) #227,#181
• a2865a8: moved hov into class (Sine Jespersen) #227,#181
• 65cb869: mixin hover (Sine Jespersen) #227,#181
• 4cf80d0: Modified text decoration search-result-item title (Kasper Birch) #227,#170
• 623c3f6: Adding text-loading class (Mikkel Jakobsen) #227,#180
• f31b85a: Change search result counts to numbers (Mikkel Jakobsen) #227,#180
• e43f02e: Fix PR comments (Mikkel Jakobsen) #227,#180
• e6cdeb5: Add a comment explanation for availability label rendering (Adam Antal) #227,#174
• f5a329e: Removed unnecessary export keyword from AvailabilityLabel (Kasper Birch) #227,#177
• ebb0d4a: Add InstantLoan component to display branches for instant loan service (Kasper Birch) #227,#177
• 361c2f5: Add DisclosureControllable (Kasper Birch) #227,#177
• 2acef47: Use DisclosureControllable instead of
  + Split InstantLoan (Kasper Birch) #227,#177
• 344d966: Remove unnecessary InstantLoanBranchButton (Kasper Birch) #227,#177
• 6f6d563: Add a separate story for InstantLoan + Still show in the ReservationForm (Kasper Birch) #227,#177
• 399a06c: Make prop "showInstantLoan" optional for Reservation component (Kasper Birch) #227,#177
• 078a99a: Move instantLoanDefaultArgs to a separate file to avoid it show as story (Kasper Birch) #227,#177
• 119584d: Remove instantLoanDefaultArgs and use defaults values in props (Kasper Birch) #227,#177
• 973b4a1: Change to SCSS to target an flip the arrow icon in InstantLoan (Kasper Birch) #227,#177
• b94f67b: Do not restrict GitHub pages deployment to main (Kasper Garnæs) #227,#183
• 472ab49: Do not run GitHub Pages workflow on pull requests (Kasper Garnæs) #227,#183
• a79cc6e: adding class for prevent background from scrolling (Jeppe Krogh) #227,#184
• 198a352: fixed path (Jeppe Krogh) #227,#184
• 34ef780: Add Skeleton Screen CSS for loading state style (Mikkel Jakobsen) #227,#179
• f0c48b3: Document the choice of using skeleton screen css (Mikkel Jakobsen) #227,#179
• 6eb64fb: Deliberately bypass BEM linting in search result (Mikkel Jakobsen) #227,#179
• 6a45fda: Refactor Cover identity tint (Kasper Birch) #227,#185
• filter none on hover on stacked items #227,#187 (Sine Jespersen)
• add padding to buttons (also bemify) #227,#188 (Sine Jespersen)
• add padding to mobile details modal #227,#195 (Sine Jespersen)
• link buttons bright #227,#190 (Sine Jespersen)
• switch two colors #227,#190 (Sine Jespersen)
• 689d053: Merge branch 'develop' into feature/5464-recommender (Sine Jespersen) #227,#190
• commit base.scss #227,#190 (Sine Jespersen)
• create mixin #227,#190 (Sine Jespersen)
• 7faafad: Merge branch 'develop' into feature/5464-recommender (Sine Jespersen) #227,#190
• 0325e6f: Introduce local fonts in src/styles/fonts/ (Adam Antal) #227,#191
• 5392e75: Point to locally saved fonts instead of requesting the from an API (Adam Antal) #227,#191
• ace3870: Replace .ttf fonts with .woff & .woff2 fonts (Adam Antal) #227,#191
• 829d909: Update font face definition in typography styling (Adam Antal) #227,#191
• e3b562f: Create a font folder when deploying when building assets (Adam Antal) #227,#191
• 0a1ddf1: Use relative url path to fonts in typography.scss (Adam Antal) #227,#191
• f061f1a: Explain where we get our fonts from in the typography.scss (Adam Antal) #227,#191
• nest #227,#190 (Sine Jespersen)
• 8aad5aa: Remove default spacing in article + Add spacing in infomedia (Kasper Birch) #227,#186
• ecc3891: Refactoring the Cover component (Part1) (Kasper Birch) #227,#186
• c2c1c40: Refactoring the Cover component (Part2) (Kasper Birch) #227,#186
• 474ef51: Refactoring the Cover component (Part3) (Kasper Birch) #227,#186
• 08dd6a5: Add pauseAnimationAtEnd in stories that use cover animation (Kasper Birch) #227,#186
• c86188b: Add a picture with an different aspect ratio (Kasper Birch) #227,#186
• 6c86d02: Make cover animate a modifier again (Kasper Birch) #227,#186
• 577ada6: Small css fixes (Kasper Birch) #227,#186
• ea56713: Refactor CoverImage component + class names (Kasper Birch) #227,#186
• 3bf5da0: Refactor Cover + CoverImage components for improved accessibility (Kasper Birch) #227,#186
• e95e78b: Make cover tint optional again (Kasper Birch) #227,#186
• 181f828: Refactor AutosuggestMaterial to adapt the new Cover structure (Kasper Birch) #227,#186
• 2cbecd4: Handle if cover img has an error (Kasper Birch) #227,#186
• 73efaa9: Set pauseAnimationAtEnd: true in global storybook parameters (Kasper Birch) #227,#186
• bd3e49b: Change cover shadow to 'filter: drop-shadow' (Kasper Birch) #227,#186
• b87f012: Fix flex css in autosuggest (Kasper Birch) #227,#186
• update material details modal #227,#195 (Sine Jespersen)
• e5413fa: Merge branch 'develop' into feature/5654-details-modal (Sine Jespersen) #227,#195
• lint #227,#195 (Sine Jespersen)
• remove duplicate align items #227,#195 (Sine Jespersen)
• b918e06: Make all full-screen modals smaller as default styling (Adam Antal) #227,#196
• 1f20332: Show max 3 works in one row in material banner for breakpoint-s (Adam Antal) #227,#196
• 3143f48: Remove an extra backdrop from facet browser modal story (Adam Antal) #227,#196
• 08d4235: Adjust modal loan styling so that sticky buttons fit new modal size (Adam Antal) #227,#196
• 174d6e7: Remove backdrop from profile modal so it's not doubled (Adam Antal) #227,#196
• padding size on search-result-page #227,#194 (Kasper Birch)
• 01dca6e: Add spacing between searchResultItem title and author (Kasper Birch) #227,#194
• f6a09d4: Add new typography class - text small caption bold (Adam Antal) #227,#198
• a543a7f: Use text-caption-small font definition in review headlines (Adam Antal) #227,#198
• 0e357cc: Move modal related class definition from the shared.scss to modal.scss (Adam Antal) #227,#196
• 4eeae2c: Determin modal close button's location based on a prop - orientation (Adam Antal) #227,#196
• efbb978: patron page more like figma (Sine Jespersen) #227,#201
• a1f8d56: rename class (Sine Jespersen) #227,#201
• 368c687: breakpoint-s in first-of-type (Sine Jespersen) #227,#201
• 3d5655b: text align empty list (Sine Jespersen) #227,#201
• b17f01b: Add skeleton screens for the material page (Mikkel Jakobsen) #227,#192
• c7bd3d3: Add better length for search result skeleton lines (Mikkel Jakobsen) #227,#192
• 66edcff: Adjust skeleton search icon (Mikkel Jakobsen) #227,#192
• e7582f4: Add skeleton variety in facet line (Mikkel Jakobsen) #227,#192
• 1761dc9: Adding corrections from review (Mikkel Jakobsen) #227,#192
• 31504fb: Recommender component has not been updated (Mikkel Jakobsen) #227,#192
• af457c0: Add expand modifiers css to .horizontal-term-line + .disclosure (Kasper Birch) #227,#199
• 2d7f6dd: Add show more feature to HorizontalTermLine component (Kasper Birch) #227,#199
• 75429e0: Remove default padding on buttons / inputs (Kasper Birch) #227,#199
• ba6bffb: Add min-height to 'material-header' (Kasper Birch) #227,#200
• 0af91b9: Make sure text inside availability labels can't have a bottom margin (Adam Antal) #227,#203
• 70e1d4e: Use predefined spacing variables in autosuggest-text.scss (Adam Antal) #227,#204
• ec83b2b: Make sure autosuggest text content can break on phones if it's too long (Adam Antal) #227,#204
• 90aac32: Comment on why we don't want autosuggedst text hover effect on phones (Adam Antal) #227,#204
• 8957bc2: Remove hover effect from autosuggest-material suggestions on phone (Adam Antal) #227,#204
• 336d8a5: Add new class instead of targeting a generic

  in availability label (Adam Antal) #227,#203

• 395552f: Correct BEM class annotation for availability-label class (-- -> __) (Adam Antal) #227,#203
• dad2b30: Add mobile viewport size for testing with Chromatic (Adam Antal) #227,#204
• a6b11b3: Merge branch 'develop' into fix/autosuggest-mobile-wrapping (Adam Antal) #227,#204
• 528fb01: Introduce autosuggest story with a multi-line suggestion on mobile (Adam Antal) #227,#204
• 81ac4ff: Change '$MATERIAL_XLARGE_MOBILE' (Cover size) to match Figma design (Kasper Birch) #227,#202
• 9757d6b: Merge branch 'develop' into fix/autosuggest-mobile-wrapping (Adam Antal) #227,#204
• fb86ad2: Merge branch 'develop' into feature/patron-page-shine-up (Sine Jespersen) #227,#201
• 8649849: Add online reference for autosuggest-text iphone hover problems (Adam Antal) #227,#204
• 9e76ffe: Make sure autosuggest content on tablets/small desktops doesn't overlap (Adam Antal) #227,#204
• 2619e6e: Merge branch 'develop' into fix/autosuggest-mobile-wrapping (Adam Antal) #227,#204
• 9ce711b: Use "viewport widths" instead of "viewports" in preview.js (Adam Antal) #227,#204
• b0431bf: Explain why 400 & 1200 values were chosen for Chromatic viewports (Adam Antal) #227,#204
• 93e3708: Change AutosuggestText structure so it only has 1
  & 1 level of
  • (Adam Antal) #227,#208
  • fccb596: Change AutosuggestMaterial structure to only 1
    & 1 level of
    • (Adam Antal) #227,#208
    • c7cb28d: Expand autosuggest text items on mobile for long title names (Adam Antal) #227,#208
    • 2b5fd56: Introduce a separate story for fully assembled Autosuggest Block (Adam Antal) #227,#208
    • fce8e9d: Refactor headings tree structure for Material Page (Kasper Birch) #227,#206
    • ba271fe: Add Heading component with dynamic h-tag based on level prop (Kasper Birch) #227,#206
    • f391e8b: Make 'headingLevel' required in Disclosure (Kasper Birch) #227,#206
    • 4f3d2cc: Only export Disclosure as default (Kasper Birch) #227,#206
    • 5764763: Add default level to Heading (Kasper Birch) #227,#206
    • 4414148: Add LinkButton (Kasper Birch) #227,#205
    • 5c8cbfe: Cleanup Button & LinkButton (Kasper Birch) #227,#205
    • 520d53c: Remove 'color: inherit;' in 'hide-linkstyle' + underline in LinkButton (Kasper Birch) #227,#205
    • d53e11f: Remove 'variant' from ButtonIcon (Kasper Birch) #227,#205
    • a6fdf6a: Change storybook link and name (Kasper Birch) #227,#205
    • 44ae1cc: Move LinkButton to /Buttons/button (Kasper Birch) #227,#205
    • 9f5cd35: adding bottom padding when fixed bottom buttons are visible, to prevent 'show more' button getting hidden behind fixed element (Jeppe Krogh) #227,#210
    • 73cbc60: Remove unnecessary overflow: visible from the autosuggest__material-item (Adam Antal) #227,#208
    • aabb6fd: Remove autosuggest
    • elements that served as dividers + styling (Adam Antal) #227,#208
    • 30385f3: Add autosuggest dividers between sections using only scss styling (Adam Antal) #227,#208
    • 58af0de: Add an accessible aria-label to the cover component link (Adam Antal) #227,#208
    • c39eb9e: Move general autosuggest styling into its own scss file (Adam Antal) #227,#208
    • 4ded129: Correct autosuggest material padding according to Figma (Adam Antal) #227,#208
    • 973fc1b: removed unnecessary modal margin and changed overflow scroll to overflow auto to prevent visible scrollbars in modals (Jeppe Krogh) #227,#210
    • 91a8b8c: Correct autosuggest spacing between text & material suggestions (Adam Antal) #227,#208
    • 4f884ea: Simplify autosuggest-text story (remove unnecessary header component) (Adam Antal) #227,#208
    • c776794: Simplify autosuggest-material story(remove unnecessary header component) (Adam Antal) #227,#208
    • 111de5b: Refactor Blocks/Autosuggest story to use default values from substories (Adam Antal) #227,#208
    • 69e35e6: added 75px spacing variable and applied (Jeppe Krogh) #227,#210
    • f7e07a4: adding styling component, including storybook preview (Jeppe Krogh) #227,#207
    • ec261e3: adding to base (Jeppe Krogh) #227,#207
    • 74c5cf0: Marked all placeholder materials as favoritted (Jeppe Krogh) #227,#207
    • e564d7a: added and applied spacing variables for 10px and 30px. (Jeppe Krogh) #227,#207
    • eeaa90b: missed one (Jeppe Krogh) #227,#207
    • 4793000: added px wrapping (Jeppe Krogh) #227,#207
    • 03ec46c: Created TODO for handling bright class (Jeppe Krogh) #227,#207
    • 913009d: concised scss (Jeppe Krogh) #227,#207
    • 97657d2: prettier (Jeppe Krogh) #227,#207
    • ad6858a: prettier (Jeppe Krogh) #227,#207
    • 3df9aa8: fixed wrongly defined css (Jeppe Krogh) #227,#207
    • 5609ad2: Switched to using already defined spacing variables. Deleted newly created ones. (Jeppe Krogh) #227,#207
    • c4c8b3d: removed wrapper (Jeppe Krogh) #227,#207
    • da5d8af: added generic accessible content for covers (Jeppe Krogh) #227,#207
    • 69a11d9: CMN-541: update css in recommender/somethinglikethis (Sine Jespersen) #227,#211
    • 9e5c650: CMN-541: add stylelint disable nesting depth, (Sine Jespersen) #227,#211
    • rename search result item #227,#212 (Sine Jespersen)
    • rename search-result-page to card-list-page #227,#212 (Sine Jespersen)
    • rename files to card list page #227,#212 (Sine Jespersen)
    • b5ae680: Merge branch 'develop' into fix/autosuggest-structure (Adam Antal) #227,#208
    • 3d41cd7: Use the .slice() function to optimize Autosuggest - Material story (Adam Antal) #227,#208
    • 2ea17ea: Added docs folder and modified README to support documentation site (oliver-reload) #227,#215
    • d9c5961: Fix alignment in horizontal-term-line & separate ButtonExpand (Kasper Birch) #227,#213
    • 9d21bf5: Uninstalled doctoc and moved DDF logo between READMEs (oliver-reload) #227,#215
    • d40845d: Make it possible to define extra autosuggest material classes (Adam Antal) #227,#218
    • 359ec93: Introduce autosuggest__material-item--two & --one modifier classes (Adam Antal) #227,#218
    • 446390d: Make it possible to pass down extra autosuggest material classes (Adam Antal) #227,#218
    • e0eb3d6: Move autosuggestMaterialSuggestions into a separate helper file (Adam Antal) #227,#218
    • 106ac28: Merge branch 'develop' into feature/prepare-repo-for-mkdocs (Kasper Garnæs) #227,#215
    • befa727: Add min-height to .search-result-item__title (Kasper Birch) #227,#216
    • rename recommender to simple material #227,#220 (Sine Jespersen)
    • dd00482: CMN-577: revert file rename (Sine Jespersen) #227,#220
    • 09a1336: CMN-577: rename recommender to recommenders (Sine Jespersen) #227,#220
    • 6982ba0: CMN-577: delete favorites-list-material-component (Sine Jespersen) #227,#220
    • 39f85fe: CMN-577: remove deleted file from base.scss (Sine Jespersen) #227,#220
    • mobile view of group modal #227,#224 (Sine Jespersen)
    • 0afcdf9: Use clsx to assign classes in Autosuggest story (Adam Antal) #227,#218
    • 9baedf0: Modify .material-header__button CSS to target direct child elements (Kasper Birch) #227,#214
    • 88ccc03: Update MaterialPageSkeleton to reflect the new cover size on mobile (Kasper Birch) #227,#219
    • 0bc0a00: CMN-610: update styling to work with modal (Sine Jespersen) #227