summaryrefslogtreecommitdiffstats
path: root/src/pages/recherche
Commit message (Collapse)AuthorAgeFilesLines
* refactor: use formatjs swc pluginArmand Philippot2022-03-231-0/+9
| | | | | I'm not able to configure SWC plugins in Next.js so to make it works, all translation must have an id.
* chore: move pagination cursor title in a separate divArmand Philippot2022-02-011-0/+1
| | | | | | The progress bar will be clearer for everyone if the information about the number of loaded articles is printed without hovering the progress bar.
* refactor(config): move config from config dir to utilsArmand Philippot2022-01-291-7/+7
|
* chore: replace lingui functions with react-intlArmand Philippot2022-01-291-13/+55
|
* chore(i18n): replace i18n provider and helpersArmand Philippot2022-01-291-7/+7
|
* fix: handle translation with linguiArmand Philippot2022-01-281-9/+8
| | | | | | | | The previous method was not working so I tried a different approach. Translation is loaded but I'm still getting warnings: * Plurals for locale undefined aren't loaded * Text content did not match I can't figure how to fix them...
* chore: display a progress bar before load more buttonArmand Philippot2022-01-251-5/+26
| | | | | Since I'm using cursor pagination, users cannot know if there is a lot of posts available. With this cursor, they can verify the progression.
* chore: display total found posts in page metaArmand Philippot2022-01-251-1/+6
|
* chore: add a spinner when content is loadingArmand Philippot2022-01-161-9/+18
|
* chore: update sidebar and widgets stylesArmand Philippot2022-01-151-2/+2
| | | | | | | | | I'm now using a widget that can be expanded/collapsed. It also allows me to handle more effectively widgets overflow and to avoid styles repetitions. However, with stylelint rule "no-descending-specificity", I'm not sure if the stylesheets are really logical... Maybe I should deactivate this rule.
* chore: improve load more button accessibilityArmand Philippot2022-01-141-3/+12
| | | | | | On click, the focus should be moved to the last post in the list instead of keeping it on load more button. It helps to keep a consistent navigation for keyboard users for example.
* chore: change posts list stylesArmand Philippot2022-01-141-2/+10
|
* chore: adjust css grid on listing pages without sidebarArmand Philippot2022-01-071-2/+3
|
* refactor: reuse PostHeader for all pages except homepageArmand Philippot2022-01-061-11/+10
|
* refactor: avoid useless assignement before return statementArmand Philippot2022-01-041-10/+7
|
* chore: add a breadcrumb componentArmand Philippot2021-12-211-3/+6
|
* chore: create search viewArmand Philippot2021-12-201-0/+110
="nc">.$light-theme_blue-o30}; --color-primary-light: #{var.$light-theme_blue-bright}; --color-primary-lighter: #{var.$light-theme_blue-brighter}; --color-primary-dark: #{var.$light-theme_blue-dark}; --color-primary-darker: #{var.$light-theme_blue-darker}; --color-secondary: #{var.$light-theme_orange}; --color-border: #{var.$light-theme_grey}; --color-border-dark: #{var.$light-theme_grey-dark}; --color-border-light: #{var.$light-theme_grey-bright}; --color-shadow: #{var.$light-theme_grey-darker-o40}; --color-shadow-dark: #{var.$light-theme_grey-darker-o70}; --color-shadow-darker: #{var.$light-theme_grey-darker}; --color-shadow-light: #{var.$light-theme_grey-darker-o20}; --color-token-red: #{var.$light-theme_red}; --color-token-green: #{var.$light-theme_green}; --color-token-purple: #{var.$light-theme_purple}; --color-token-magenta: #{var.$light-theme_magenta}; --color-token-cyan: #{var.$light-theme_cyan}; --color-token-blue: #{var.$light-theme_blue}; --color-token-yellow: #{var.$light-theme_yellow}; --color-token-orange: #{var.$light-theme_orange}; } [data-theme="dark"] { --color-bg: #{var.$dark-theme_black}; --color-bg-opacity: #{var.$dark-theme_black-o90}; --color-bg-light: #{var.$dark-theme_grey}; --color-bg-secondary: #{var.$dark-theme_black-bright}; --color-bg-tertiary: #{var.$dark-theme_grey-darker}; --color-bg-code: #{var.$dark-theme_black-brighter}; --color-fg: #{var.$dark-theme_white}; --color-fg-light: #{var.$dark-theme_grey}; --color-fg-inverted: #{var.$dark-theme_black}; --color-primary: #{var.$dark-theme_blue}; --color-primary-opacity: #{var.$dark-theme_blue-o30}; --color-primary-light: #{var.$dark-theme_blue-bright}; --color-primary-lighter: #{var.$dark-theme_blue-brighter}; --color-primary-dark: #{var.$dark-theme_blue-dark}; --color-primary-darker: #{var.$dark-theme_blue-darker}; --color-secondary: #{var.$dark-theme_orange}; --color-border: #{var.$dark-theme_grey-dark}; --color-border-dark: #{var.$dark-theme_grey}; --color-border-light: #{var.$dark-theme_black-brighter}; --color-shadow: #{var.$dark-theme_grey-dark-o40}; --color-shadow-dark: #{var.$dark-theme_grey-dark-o70}; --color-shadow-darker: #{var.$dark-theme_grey-dark}; --color-shadow-light: #{var.$dark-theme_grey-dark-o20}; --color-token-red: #{var.$dark-theme_red}; --color-token-green: #{var.$dark-theme_green}; --color-token-purple: #{var.$dark-theme_purple}; --color-token-magenta: #{var.$dark-theme_magenta}; --color-token-cyan: #{var.$dark-theme_cyan}; --color-token-blue: #{var.$dark-theme_blue}; --color-token-yellow: #{var.$dark-theme_yellow}; --color-token-orange: #{var.$dark-theme_orange}; } pre[data-prismjs-color-scheme-current="light"] { --color-bg: #{var.$light-theme_white}; --color-bg-secondary: #{var.$light-theme_white-dark}; --color-bg-tertiary: #{var.$light-theme_grey-bright}; --color-fg: #{var.$light-theme_black}; --color-fg-light: #{var.$light-theme_grey-dark}; --color-primary: #{var.$light-theme_blue}; --color-primary-darker: #{var.$light-theme_blue-darker}; --color-border: #{var.$light-theme_grey}; --color-border-dark: #{var.$light-theme_grey-dark}; --color-token-red: #{var.$light-theme_red}; --color-token-green: #{var.$light-theme_green}; --color-token-purple: #{var.$light-theme_purple}; --color-token-magenta: #{var.$light-theme_magenta}; --color-token-cyan: #{var.$light-theme_cyan}; --color-token-blue: #{var.$light-theme_blue}; --color-token-yellow: #{var.$light-theme_yellow}; --color-token-orange: #{var.$light-theme_orange}; } pre[data-prismjs-color-scheme-current="dark"] { --color-bg: #{var.$dark-theme_black}; --color-bg-secondary: #{var.$dark-theme_black-bright}; --color-bg-tertiary: #{var.$dark-theme_grey-darker}; --color-fg: #{var.$dark-theme_white}; --color-fg-light: #{var.$dark-theme_grey}; --color-primary: #{var.$dark-theme_blue}; --color-primary-darker: #{var.$dark-theme_blue-darker}; --color-border: #{var.$dark-theme_grey-dark}; --color-border-dark: #{var.$dark-theme_grey}; --color-token-red: #{var.$dark-theme_red}; --color-token-green: #{var.$dark-theme_green}; --color-token-purple: #{var.$dark-theme_purple}; --color-token-magenta: #{var.$dark-theme_magenta}; --color-token-cyan: #{var.$dark-theme_cyan}; --color-token-blue: #{var.$dark-theme_blue}; --color-token-yellow: #{var.$dark-theme_yellow}; --color-token-orange: #{var.$dark-theme_orange}; }