Commit graph

71 commits

Author SHA1 Message Date
alistair3149 c9f665ef78
feat(core): use CSS variables for small font sizes 2024-02-26 17:16:07 -05:00
alistair3149 3162e19a2c
feat(core): use CSS variables for x-small font sizes 2024-02-26 17:14:19 -05:00
github-actions 29a79b15a3 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-11-06 03:42:30 +00:00
alistair3149 071a58ab74
fix(search): 🐛 chip text should not wrap 2023-11-05 22:41:42 -05:00
alistair3149 b0f89ba311
feat(search): turn search actions into chips 2023-11-03 17:25:30 -04:00
alistair3149 68dc715138
fix(search): 🐛 search icon clipping 2023-09-06 17:41:42 -04:00
alistair3149 e8f33bdf93
fix(search): 🐛 make search input selectable 2023-09-06 17:34:47 -04:00
alistair3149 31042804df
fix(search): 🐛 incorrect thumbnail icon width 2023-08-30 10:31:26 -04:00
alistair3149 969f4f0d3d
feat(search): various tweaks to typeahead styles 2023-08-29 12:32:28 -07:00
alistair3149 2d54cbd930
feat(search): add missing border between placeholder and group 2023-08-29 02:25:56 -07:00
alistair3149 9280e7c4a8
feat(search): only add divider between groups 2023-08-29 02:23:57 -07:00
alistair3149 1f0a2e5133
feat(search): reorganize DOM structure of the typeahead 2023-08-29 01:50:55 -07:00
alistair3149 bf0ed2bd55
refactor(search): ♻️ use faux element to display search query 2023-08-28 18:22:16 -07:00
alistair3149 96cf5be48c
feat(search): only add divider between suggestions and footer 2023-08-26 16:48:28 -07:00
alistair3149 96f6361851
feat(core): use quiet hover color for menu items 2023-08-25 17:03:38 -07:00
alistair3149 042f2bfbba
feat(search): use square aspect ratio for suggestion thumbnail 2023-08-24 15:23:46 -07:00
alistair3149 ba5bea704e
style: 🎨 apply recess order to styles 2023-07-27 21:19:27 -04:00
alistair3149 d0b1b8982c
refactor(search): ♻️ simplify search box structure 2023-07-10 15:13:21 -04:00
alistair3149 f843f4d1ee
fix(search): 🐛 undefined LESS variables 2023-07-07 17:26:12 -04:00
alistair3149 c7e45177cd
feat(core): update menu transition styles and implementation
Same as the previous commit, the transition is now accessible as a CSS variable (transition-menu)
2023-07-07 17:02:27 -04:00
alistair3149 434d2688fc
refactor(core): ♻️ less specific link underline selector 2023-06-15 14:37:07 -04:00
alistair3149 ba50defaba
refactor(core): ♻️ make typeahead items more reusuable 2023-03-01 16:31:42 -05:00
alistair3149 68313123e9
feat(core): apply box-sizing: border-box by default 2023-03-01 16:08:07 -05:00
alistair3149 0b7c72ca5e
fix(search): 🐛 align typeahead with input 2023-03-01 15:34:50 -05:00
alistair3149 b8a1d9c224
refactor(search): ♻️ simplify typeahead styles 2023-03-01 15:27:43 -05:00
alistair3149 235a76c2bd
feat(core): add border to Citizen cards 2023-03-01 15:02:34 -05:00
github-actions 9e15415835 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-02-28 21:59:36 +00:00
alistair3149 7416a7f6d1
fix(search): 🐛 incorrect max height for search suggestions 2023-01-16 17:36:45 -05:00
alistair3149 60c12706a5
feat(search): contain the overscroll of search suggestion 2022-12-18 01:09:42 -05:00
alistair3149 203b0b42c3
feat(search): add MediaSearch to typeahead 2022-12-14 10:28:45 -05:00
alistair3149 4d1225b96f
refactor(search): ♻️ simplify typeahead item styles and classes 2022-12-13 23:52:54 -05:00
alistair3149 074df5272c
fix(search): 🐛 incorrect full text search URL 2022-12-13 18:25:14 -05:00
alistair3149 cc3e1d41d4
fix(search): 🐛 do not shrink thumbnail 2022-12-08 13:27:40 -05:00
alistair3149 96ec8e4248
fix(search): 🐛 typeahead thumbnails should be center-aligned 2022-12-06 14:54:22 -05:00
alistair3149 fd0978b73d
feat(search): use background-image instead for typeahead thumbnails 2022-12-06 14:27:08 -05:00
alistair3149 284b0d8952
feat(search): add no result state to typeahead 2022-12-06 13:52:14 -05:00
alistair3149 9bf737f720
feat(search): add empty state to typeahead
This is a barebone initial implementation, more work will come to it
2022-12-06 12:01:47 -05:00
alistair3149 3488e29960
feat(search): show enter key tip when item is active 2022-12-05 15:52:36 -05:00
alistair3149 c9b03aa7fe
feat(search): merge footer into item element 2022-12-05 15:29:17 -05:00
alistair3149 99b3523cd6
refactor(search): ♻️ partial cleanup on typeahead DOM 2022-12-04 02:13:37 -05:00
alistair3149 4293021d5c
feat(search): clean up redirect text implementation 2022-12-03 14:12:01 -05:00
alistair3149 1939850369
feat(core): allow multiple search components on the same page
This will allow the search suggestion to hook up to multiple search
boxes with `.citizen-search-box` as container. Do note that the default
Citizen suggestion is hardcoded for the primary search, so it only
works for the old core search suggestion module.

This is also a prereq for implementing the Codex search like the one
from Vector.
2022-12-02 17:35:23 -05:00
alistair3149 85e69f5a6b
refactor(core): ♻️ deprecate old font variables 2022-11-21 17:47:09 -05:00
alistair3149 0c4562f235
feat(core): update list styles 2022-11-21 17:46:27 -05:00
alistair3149 969cd787d6
feat(core): use different font weight in different themes
The same font weight do not provide the same contrast in different themes.
We should be able to change the scaling
2022-11-21 17:42:26 -05:00
alistair3149 af85fb4b40
fix(search): hide default MW search suggestion
Sometimes the JS is not able to stop the search module from loading.
We can use CSS to hide the suggestion for now.
2022-11-08 00:25:40 -05:00
alistair3149 eadaef7a0a
refactor(core): ♻️ clean up header card mixins and var 2022-09-30 16:52:13 -04:00
alistair3149 6de95d4fec
feat(core): redesign site header (#521)
Change header into vertical header for large screen and bottom header for small screen.
2022-09-29 19:12:56 -04:00
github-actions 0d63257e86 ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-09-28 21:02:56 +00:00
alistair3149 7bec9ef10b
fix(core): hide double MW search suggestion
In rare scenario such as #520, default MW search suggestions will load regardless of the settings.
This simple CSS hack is used to hide in case if it loaded.
This will not be needed when vue search is implemented.
2022-09-28 17:02:15 -04:00