Commit graph

1237 commits

Author SHA1 Message Date
alistair3149 f64f1a2d5e
fix(core): 🐛 input focus state should use hover background color 2022-11-30 16:10:48 -05:00
alistair3149 f041b2cbea
feat(core): only apply letter spacing to text field labels 2022-11-26 17:59:03 -05:00
github-actions c634a934bd ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-26 08:41:34 +00:00
alistair3149 bf9a4850f6
feat(core): add underglow to progress indicator 2022-11-26 03:40:43 -05:00
alistair3149 9652d4f8ed
refactor(core): ♻️ prepare for heading structure changes 2022-11-24 21:46:23 -05:00
alistair3149 b182872ea7
fix(core): 🐛 incorrect height for page action button 2022-11-24 21:19:14 -05:00
alistair3149 3fb66b38b2
feat(core): add hover states to editsection links 2022-11-24 21:14:51 -05:00
alistair3149 be7139968e
feat(typography): add bottom margin to headings 2022-11-24 20:21:36 -05:00
alistair3149 467cf85be4
feat(core): unify sticky header styles 2022-11-24 20:15:13 -05:00
alistair3149 5e14891088
feat(typography): add label styles 2022-11-23 20:52:44 -05:00
alistair3149 41dd999f5a
fix(core): 🐛 content should not collaspe margin 2022-11-23 18:50:08 -05:00
alistair3149 bfcd43ce11
feat(core): right align language badge 2022-11-23 18:38:31 -05:00
alistair3149 027e298e1e
feat(typography): do not change GRAD axis
It seems that browsers don't have a standard for GRAD.
Sometimes it is too thin  and sometimes it is too thick
2022-11-23 18:37:00 -05:00
alistair3149 069f442d57
feat(core): tweak page actions styles 2022-11-23 14:47:38 -05:00
alistair3149 baab7e17a8
feat(core): tweak content footer styles 2022-11-23 14:47:14 -05:00
alistair3149 b775a7e88a
refactor(core): ♻️ remove unnessecary margin 2022-11-23 14:15:07 -05:00
alistair3149 f70d410779
feat(core): reduce scroll up header delay 2022-11-23 14:11:48 -05:00
alistair3149 71a7945a71
fix(core): incorrect letter case in file name 2022-11-22 11:47:46 -05:00
alistair3149 53cfa8714e
fix(core): 🐛 missing page tool background styles 2022-11-21 19:13:41 -05:00
alistair3149 ead296c46d
feat(core): reduce space between page header and tools 2022-11-21 19:05:38 -05:00
alistair3149 7ffe7fdb79
refactor(core): ♻️ remove redundant patrollink styles 2022-11-21 17:47:30 -05:00
alistair3149 976d5ec42a
feat(core): darker border for broken thumbnail 2022-11-21 17:47:28 -05:00
alistair3149 4bdad41f8a
feat(core): add Parsoid media styles 2022-11-21 17:47:27 -05:00
alistair3149 8eebf6806d
feat(core): revamp thumbnail styles 2022-11-21 17:47:25 -05:00
alistair3149 6def7ab990
feat(core): overhaul MW debug styles 2022-11-21 17:47:18 -05:00
alistair3149 7b33d7e2f1
feat(core): responsive page padding 2022-11-21 17:47:14 -05:00
alistair3149 d8b2c73e6e
refactor(core): ♻️ only use padding-page when nessecary 2022-11-21 17:47:13 -05:00
alistair3149 9eda536420
refactor(core): ♻️ clean up legacy LESS variables 2022-11-21 17:47:11 -05:00
alistair3149 85e69f5a6b
refactor(core): ♻️ deprecate old font variables 2022-11-21 17:47:09 -05:00
github-actions 8e5daddb9c
ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-21 17:47:08 -05:00
alistair3149 f250668012
fix(toc): 🐛 toc popup should be higher in z-index 2022-11-21 17:47:06 -05:00
alistair3149 ab1981d24b
feat(core): migrate VE editsection to WMUI icon module 2022-11-21 17:47:00 -05:00
alistair3149 e69a74ca29
refactor(core): ♻️ migrate editsection link to WMUI icon module 2022-11-21 17:46:54 -05:00
alistair3149 e66c4de046
feat(core): combine content footer line height 2022-11-21 17:46:52 -05:00
alistair3149 c3652a0e9e
feat(core): add messagebox styles 2022-11-21 17:46:47 -05:00
alistair3149 f611ac9eef
feat(typography): same font weight for strong and bold 2022-11-21 17:46:46 -05:00
alistair3149 20d8d0d0d4
feat(core): clean up elements styles 2022-11-21 17:46:44 -05:00
alistair3149 0268c2d158
feat(core): external link icon spacing should be relative 2022-11-21 17:46:43 -05:00
alistair3149 989bb7a901
refactor(core): ♻️ use spacing token 2022-11-21 17:46:41 -05:00
alistair3149 0e4cf89ad8
fix(core): 🐛 add missing external link hover state 2022-11-21 17:46:40 -05:00
alistair3149 85f5b42ec1
feat(core): align th to the start 2022-11-21 17:46:38 -05:00
alistair3149 2d5246a8a6
feat(core): update wikitable styles
When the wikitable style is first implemented, it didn't take consideration
of different usage out there. For example, it doesn't work well with complex
table or table cell background. This should make it more usable for wikis
out there.
2022-11-21 17:46:37 -05:00
alistair3149 2e9f9067af
feat(core): update edit section styles 2022-11-21 17:46:35 -05:00
alistair3149 2c2b75f44f
feat(core): clean up site notice styles 2022-11-21 17:46:34 -05:00
alistair3149 74fe35e31a
feat(core): clean up subtitle styles 2022-11-21 17:46:32 -05:00
alistair3149 d238e932a1
feat(core): add pill and circle border radius variables 2022-11-21 17:46:31 -05:00
alistair3149 6bc611adcd
feat(core): update catlinks styles 2022-11-21 17:46:29 -05:00
alistair3149 0c4562f235
feat(core): update list styles 2022-11-21 17:46:27 -05:00
alistair3149 be11883f3d
refactor(core): ♻️ move external link styles to skinning folder 2022-11-21 17:46:26 -05:00
alistair3149 da3b3e4228
refactor(core): ♻️ remove styles covered by interface-core 2022-11-21 17:46:23 -05:00
github-actions 69c0ac69f0
ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-21 17:46:19 -05:00
alistair3149 6ac8bfb646
refactor(core): ♻️ use mediawiki.skinning.content.links in core 2022-11-21 17:46:18 -05:00
alistair3149 67535a8067
refactor(core): ♻️ use mediawiki.skinning.content.body in core 2022-11-21 17:46:16 -05:00
alistair3149 c65f0151da
feat(toc): move ToC together when user scrolls down 2022-11-21 17:46:10 -05:00
alistair3149 6b13da3318
feat(core): hide navigation on scroll down 2022-11-21 17:46:09 -05:00
alistair3149 b5ddd26de7
perf(core): ️ only add beforeunload listener once 2022-11-21 17:46:04 -05:00
alistair3149 9c871764c3
style: 🎨 fix some eslint issues 2022-11-21 17:45:50 -05:00
alistair3149 31c43fa33b
refactor(core): ♻️ do not init observer when not needed
Do not init scroll observer if sentinel is set to display:none
2022-11-21 17:45:42 -05:00
alistair3149 a1c5ec782a
feat(core): tweak sticky header styles 2022-11-21 17:45:38 -05:00
alistair3149 8af7357f06
feat(core): update external link styles 2022-11-21 17:44:45 -05:00
alistair3149 ee60b485f0
perf(svg): ️ re-crush icon with svgo 2022-11-21 17:44:43 -05:00
alistair3149 35ee8619cb
feat(core): responsive heading font sizes 2022-11-21 17:43:20 -05:00
alistair3149 997c152a2a
feat(core): migrate collapse icon to RL icon module 2022-11-21 17:43:19 -05:00
alistair3149 68c199d1e9
refactor(core): ♻️ handle VE merged edit buttons better 2022-11-21 17:43:16 -05:00
alistair3149 95a9b4566c
feat(core): tweak drawer menu icon size 2022-11-21 17:43:14 -05:00
alistair3149 91564052e7
refactor(core): ♻️ remove unused SVG icons 2022-11-21 17:43:10 -05:00
alistair3149 efac6f125a
feat(core): migrate sidebar menus to use RL icon module 2022-11-21 17:43:05 -05:00
alistair3149 7cff9e678b
feat(core): migrate ToC icon to use RL icon module 2022-11-21 17:43:04 -05:00
alistair3149 2d014694a6
feat(core): migrate misc icons to use RIL icon module 2022-11-21 17:43:03 -05:00
alistair3149 6e3727f8f3
feat(core): remove icons from navigation menu
It is weird that there are only a few links with icon.
Removing it temporarily until we have a better solution to apply icon to everything
2022-11-21 17:43:01 -05:00
alistair3149 dc77ae47bd
feat(core): migrate searchbox to use RL icon module 2022-11-21 17:43:00 -05:00
alistair3149 7eae7c6b14
feat(core): migrate sitestats to use RL icon module 2022-11-21 17:42:57 -05:00
alistair3149 28e343867d
refactor(core): ♻️ remove unused siteinfo styles
It is no longer present in the skin
2022-11-21 17:42:55 -05:00
alistair3149 b8ca3f8d72
feat(core): migrate views menu to use RL icon module 2022-11-21 17:42:54 -05:00
alistair3149 a2d0d31d2a
feat(core): migrate associated pages menu to use RL icon module 2022-11-21 17:42:52 -05:00
alistair3149 e1ebf8405f
refactor(core): ♻️ clean up page actions icons syntax 2022-11-21 17:42:51 -05:00
alistair3149 ed4990f6c7
refactor(core): ♻️ remove unused icons 2022-11-21 17:42:49 -05:00
alistair3149 ea68ce0d25
feat(core): migrate user menu to use RL icon module 2022-11-21 17:42:46 -05:00
alistair3149 f2d1ab3d23
feat(core): migrate user menu to use RL icon module 2022-11-21 17:42:45 -05:00
alistair3149 fd40b1b855
feat(core): more granular spacing units 2022-11-21 17:42:43 -05:00
alistair3149 a584655230
fix(core): 🐛 avoid grid content overflow 2022-11-21 17:42:40 -05:00
alistair3149 fc33142e64
refactor(core): ♻️ remove overflow rules since it does not work with sticky 2022-11-21 17:42:39 -05:00
alistair3149 6ce7247616
feat(core): use relative spacing for caption styles 2022-11-21 17:42:37 -05:00
alistair3149 c5d846c57b
refactor(core): ♻️ use margin instead of gap in case of empty span 2022-11-21 17:42:36 -05:00
alistair3149 07d39c17dc
feat(font): use GRAD instead of font-weight to adjust contrast
font-weight have the issue of changing the width of text, while GRAD does not
2022-11-21 17:42:34 -05:00
alistair3149 034d5c4b02
feat(core): standardize line height 2022-11-21 17:42:33 -05:00
alistair3149 8dcb1f37fb
refactor(core): ♻️ replace reducemotion with core accessiblity module 2022-11-21 17:42:30 -05:00
github-actions 159bd8a7d2
ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-21 17:42:28 -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
github-actions bc57222ce6
ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-21 17:42:23 -05:00
alistair3149 ceaf3ed844
feat(core): tweak responsive layout 2022-11-21 17:42:22 -05:00
alistair3149 c03308ad59
feat(core): style namespace differently in page title
Thanks to T306440, it is finally possible without parsing the title
2022-11-21 17:42:14 -05:00
alistair3149 80d3a0acbc
feat(core): tweak layout spacing 2022-11-21 17:42:09 -05:00
alistair3149 c15c1592e3
feat(core): smoother transition for ToC toggle states 2022-11-21 17:42:07 -05:00
alistair3149 a1ce408e43
feat(core): re-implement responsive toc 2022-11-21 17:42:05 -05:00
alistair3149 1730a8ff99
feat(core): pre-work for ToC checkbox hack 2022-11-21 17:42:03 -05:00
alistair3149 d827c2ea12
fix(core): 🐛 add missing layout padding 2022-11-21 17:42:01 -05:00
github-actions a703726d1e
ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-21 17:41:59 -05:00
alistair3149 48173b6eb8
feat(core): add icon to back to top link 2022-11-21 17:41:58 -05:00
alistair3149 bc1dd38a12
feat(core): add back to top link to toc 2022-11-21 17:41:56 -05:00
alistair3149 39e04665e3
feat(core): center align page tools 2022-11-21 17:41:54 -05:00
alistair3149 ab7b9ba17d
feat(core): tweak sticky header transition 2022-11-21 17:41:52 -05:00
alistair3149 73fa96757a
fix(core): 🐛 toc indicator clipping 2022-11-21 17:41:50 -05:00
alistair3149 2bf1c27d46
chore(ci): 🔧 👷 remove unnessecary stylelint declarations 2022-11-21 17:41:49 -05:00
alistair3149 427d6a41e1
feat(core): update ToC styles 2022-11-21 17:41:47 -05:00
alistair3149 622f368d1e
feat(core): add desktop styles for toc 2022-11-21 17:41:45 -05:00
alistair3149 b0ed5fd14e
refactor(core): ♻️ simplify body grid handling 2022-11-21 17:41:43 -05:00
alistair3149 8793a243c3
feat(core): rewrite body layout into flex and grid 2022-11-21 17:41:42 -05:00
alistair3149 3eaeaa15f7
refactor(core): ♻️ pre-work to allow Citizen to render ToC 2022-11-21 17:41:40 -05:00
alistair3149 6ab486b82e
feat(core): add styles for temp user in user menu 2022-11-21 17:41:33 -05:00
alistair3149 7bd34caad5
style(core): 🎨 rename personal menu to user menu 2022-11-21 17:41:30 -05:00
alistair3149 41bfd4d4a4
feat(core): align user menu spacing 2022-11-21 17:41:28 -05:00
alistair3149 5d7ec88abb
fix(core): 🐛 add missing anonuserpage styles 2022-11-21 17:41:26 -05:00
alistair3149 e9677d6b87
refactor(core): ♻️ clean up user menu header 2022-11-21 17:41:23 -05:00
alistair3149 a31babc297
refactor(core): ♻️ drop polyfill related to user menu 2022-11-21 17:41:20 -05:00
github-actions 9325a4e2be
ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-21 17:41:05 -05:00
alistair3149 d234ece146
feat(core): put non-header elements into a container
Just more sanity and easier to customize header
2022-11-21 17:41:03 -05:00
github-actions 15f13d9ebe ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-08 15:44:57 +00:00
alistair3149 029361b066
feat(core): scroll instead of wrap pre block
It makes code blocks more readable and more inline with other sites
2022-11-08 10:44:27 -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
github-actions 4b108da3d9 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-11-02 20:29:49 +00:00
alistair3149 db9065f88e
feat(core): use fixed height for header card
This will avoid overflowing and also leave some affordance to close the card
2022-11-02 16:28:56 -04:00
alistair3149 88be5ba08b
fix(core): 🐛 keep inline style for a.image 2022-10-30 21:25:21 -04:00
alistair3149 dd82c57155
feat(font): sync cjk font weight with RobotoFlex 2022-10-27 22:35:17 -04:00
alistair3149 8e272a5bd4
feat(font): replace RobotoVF with RobotoFlex
* Subset using Google Fonts unicode range
* Include opsz and GRAD axis
2022-10-27 22:31:37 -04:00
alistair3149 4fd4cb2f38
ci: 👷 disable function-url-quotes for font face files 2022-10-27 17:05:29 -04:00
alistair3149 b89873d99c
feat(fonts): add Noto Sans CJK font support
This is by default disabled since it is only used for wikis with CJK language,
and also it adds around 100kb to the startup stylesheet. The fonts are subsetted
with Google Fonts slicing pattern, so it should be performance friendly
2022-10-27 16:53:12 -04:00
alistair3149 9b9b3613c3
feat(core): reduce scroll top padding
This should place the scroll target close to content header
2022-10-25 16:05:01 -04:00
alistair3149 6b9fe9c2fa
fix(core): 🐛 hide sticky header overflow 2022-10-25 15:03:16 -04:00
alistair3149 fa3582dfd0
fix(core): incorrect content header z-index 2022-10-25 13:40:43 -04:00
alistair3149 50a00143b0
fix(search): 🐛 encode suggestion URL key 2022-10-23 22:47:49 -04:00
github-actions 4979310897 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2022-10-23 20:38:36 +00:00
alistair3149 4f651b41ca
feat(pwa): add basic support for service worker
This is super basic and experimental.
It will be expanded upon in the future, but for now it will satisfy the
requirement for PWA
2022-10-23 16:37:43 -04:00
alistair3149 bc8d1a320f
feat(pwa): use standalone mode
Now with the loading indicator back in, we can use standalone mode
2022-10-23 14:00:51 -04:00
alistair3149 911f21420f
feat(core): increase scroll padding (#533)
This should stop anchor hidding behind sticky header,
also makes anchor more readable in the viewport
2022-10-21 14:40:55 -04:00
alistair3149 55f7bcffad
feat(core): use flex layout for mw-indicators 2022-10-20 17:32:22 -04:00
alistair3149 24a907865f
fix(core): 🐛 incorrect max-height for header card 2022-10-19 17:08:14 -04:00
alistair3149 db05e6d3cf
fix(core): 🐛 ToC card should be above page header 2022-10-03 16:20:41 -04:00
alistair3149 ac2559ed8b
feat(core): use 100vh instead of 100% for min-height
Viewport height also takes the browser elements on mobile into account
2022-10-03 13:20:46 -04:00
alistair3149 979138d251
fix(core): 🐛 mw-data-content should reserve space for header 2022-10-03 12:52:17 -04:00
alistair3149 0633db4d7b
fix(core): 🐛 incorrect max height for header card 2022-10-03 12:44:11 -04:00
alistair3149 92c64be48b
fix(core): 🐛 missing z-index for mw-body-header 2022-10-03 12:38:23 -04:00
alistair3149 c551225ec7
feat(core): smaller footer wordmark size on mobile 2022-10-02 01:05:41 -04:00
alistair3149 bf66c60f3d
feat(core): tweak body footer styles 2022-10-01 19:36:09 -04:00
alistair3149 aaad2bb92a
feat(core): move footer info into body footer
They are related to the article/page instead of the whole site
2022-10-01 17:25:20 -04:00
alistair3149 61e8d053c4
feat(core): move sitenotice out of mw-body
site notice is not related to the body/article
2022-10-01 16:15:40 -04:00
alistair3149 9de7a1d4b2
feat(core): move catlinks to body footer 2022-10-01 16:07:37 -04:00
alistair3149 17907ead6d
fix(core): 🐛 incorrect CSS variable name 2022-10-01 15:33:30 -04:00
alistair3149 6b47c86c70
feat(core): strict selector for category links
Some gadgets such as HotCat hack inject link elements into catlinks.
The previous rules affect them unintentionally,
and now it should only apply to catlink and nothing else.
2022-10-01 15:24:18 -04:00
alistair3149 bdc58fdeaf
fix(core): 🐛 incorrect color for footer site description 2022-10-01 15:11:07 -04:00