Commit graph

244 commits

Author SHA1 Message Date
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 8af7357f06
feat(core): update external link styles 2022-11-21 17:44:45 -05:00
alistair3149 35ee8619cb
feat(core): responsive heading font sizes 2022-11-21 17:43:20 -05:00
alistair3149 2d014694a6
feat(core): migrate misc icons to use RIL icon module 2022-11-21 17:43:03 -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 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
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 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 a1ce408e43
feat(core): re-implement responsive toc 2022-11-21 17:42:05 -05:00
alistair3149 2bf1c27d46
chore(ci): 🔧 👷 remove unnessecary stylelint declarations 2022-11-21 17:41:49 -05:00
alistair3149 8793a243c3
feat(core): rewrite body layout into flex and grid 2022-11-21 17:41:42 -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 88be5ba08b
fix(core): 🐛 keep inline style for a.image 2022-10-30 21:25:21 -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 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 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 4902ae76ab
feat(core): redesign site footer
last modified and copyright message are not implemented yet.
they will be integrated into body content since they are not global.
2022-10-01 15:06:57 -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 34c300d69c
fix(core): center class on thumbnails should center (#476)
Hide the overflow so the thumbnail will be at the center of avaliable space
instead of the whole page. Also have to remove hover shadow as overflow clip it.
2022-06-07 19:06:06 -04:00
alistair3149 0ffc78ce9e
fix(core): add missing plainlinks styles 2022-06-02 16:13:45 -04:00
alistair3149 47069b613c
feat(skinStyles): do not lazyload OOUI font size with skinStyles
Changing the OOUI font size in skinStyles would cause a significant layout shift
because the styles are lazyloaded. OOUI is designed around a based font size of 14px
in mind, so we should obey that. Hopefully WMF will revisit OOUI during T254055, then
this hack can be removed.
2022-06-02 12:13:48 -04:00
alistair3149 6f7f548680
feat(core): only use overflow when needed for mw-body
Assigning overflow property that is not clip will block position:sticky from working.
Instead, Citizen will only apply overflow:clip with a fallback to hidden in smaller viewport.
2022-05-23 18:18:53 -04:00
alistair3149 1b7217457a feat(core): do not override blockquote font size 2022-05-19 14:26:56 -04:00
alistair3149 95a4609c17
feat(core): use standard external link icon fo external links
Have to polyfill because it is still a long way to go until being standardized in core
Related: T261391
2022-05-17 22:10:26 -04:00
alistair3149 c69f2927ef
feat(core): set accent-color as primary color 2022-05-11 21:40:27 -04:00
alistair3149 0e3ecf1415
feat(core): use relative units for text and spacing 2022-05-11 19:04:52 -04:00
alistair3149 000643ad36
refactor(core): clean up personal menu
This is a part of the header refactor
* Clean up DOM strcture
* Clean up unnessecary styles
* Clean up HTML classes
* Add active state to button
2022-05-10 13:36:52 -04:00
alistair3149 5ccfbcfdeb refactor(core): clean up drawer implementation
This is a part of the site header refactor
* Use relative units
* Add title to toggle button
* Remove unnessecary CSS
* Rewrite HTML classes
* Temporary remove drawer subsearch, it will be re-explored in a later patch
2022-05-10 10:52:36 -04:00
alistair3149 44f9bc0a7c
feat(core): style parenthesis text in FirstHeading differently
Parenthesis text in FirstHeading are commonly used for disambiguation purposes
Therefore it does not have to be as prominent as the title
2022-05-07 00:45:51 -04:00
alistair3149 56a869b3d9
refactor(core): clean up transition variable names 2022-05-01 19:14:17 -04:00
alistair3149 709a89d399
perf(core): remove box-shadow transition for thumbnails
It is not nessecary and expensive to run. If it is needed, a pseudo element should be used instead
2022-05-01 18:57:59 -04:00
alistair3149 b39452d3b5
refactor(core): remove unnessecary style overrides for links
* Visited link styles are removed from MW already,
there are no need to use important to override those rules.
* Citizen should not override text-decoration setting if users
want to have underline links.
2022-05-01 18:45:48 -04:00
alistair3149 571704f3a9
feat(core): tweak code block styles
* Add rounded corner
* Update background color
2022-04-27 19:38:12 -04:00
alistair3149 7e068dd4b1
refactor: simplify unnessecary selectors 2022-04-27 14:43:02 -04:00
alistair3149 96013bb126
feat: deprecate --background-color-dp-XX in favor of --color-surface-X
--background-color-dp-XX is now fully deprecated in favor of a simpler 4 color surface system. It can be accessed through the --color-surface-X CSS var.
2022-04-25 22:27:52 -04:00
alistair3149 47e1259bc3
feat: implement a more adaptive smooth shadow
* Looks more natural
* Can be customized through the surface-shadow and shadow-strength CSS var
* Light mode and dark mode have been different shadow now, it should be more visible in dark mode
* Box-shadow is a CSS var, which can be used in templates and wiki CSS
2022-04-24 15:24:09 -04:00
alistair3149 a2dffec7eb
feat: remove letter spacing from wordmark 2022-04-17 18:07:56 -04:00
alistair3149 e03647eef6 fix: plainlist styles should not be overriden 2021-08-05 11:36:25 -04:00
alistair3149 f5a2a831d1
feat: add user customizable line height 2021-08-05 11:24:52 -04:00
alistair3149 79b61cd24a
fix: also apply typography styles to ciitzen-body 2021-07-30 22:57:38 -04:00
alistair3149 6acd4d23df
fix: use mw-body-content for content styles as VE preview ignores citizen-body 2021-07-30 22:42:27 -04:00
alistair3149 8bca28662b
feat: remove mw-body-content from HTML
T279388
mw-body-content is used within body content in 1.37. The original mw-body-content container will use the class citizen-body instead.
2021-07-30 11:44:02 -04:00
alistair3149 cff27d972c
feat: remove color-link LESS variable and scope the CSS variable 2021-07-27 17:33:59 -04:00
alistair3149 020d05c253
feat: improve contrast for primary color in dark theme 2021-07-27 17:18:23 -04:00
alistair3149 07484ee190
fix: remove unused less variables 2021-07-27 16:02:45 -04:00
alistair3149 f8a26fe6ea
feat: tweak input field color 2021-07-27 15:58:55 -04:00
alistair3149 1746440bf7
feat: use primary color as outline color 2021-07-27 15:57:35 -04:00
alistair3149 7460442580
feat: calculate primary hover state color based on HSL 2021-07-27 15:49:12 -04:00
alistair3149 aae08f0a73
feat: rewrite OOUI skinstyles to the new system 2021-07-27 02:13:22 -04:00
alistair3149 7dc0d14c70
feat: simplify background color variables in core styles
--background-color-dp-XX is soft depreciated, please use --color-surface-X instead
2021-07-25 19:16:05 -04:00
alistair3149 81d5296249
refactor: update loading animation delay to 500ms 2021-06-27 00:55:09 -04:00
alistair3149 e0b188ed6b
fix: duplicated CSS selector 2021-06-21 20:53:47 -04:00
alistair3149 4d3e18898e
feat: tweak p element margin 2021-06-21 20:51:50 -04:00
alistair3149 5f168f03ee
feat: add page load progress bar 2021-06-12 09:54:47 -04:00
alistair3149 f21e19c5d8
feat: set sub, sup line-height to 1 2021-06-10 19:26:05 -04:00
alistair3149 f60e4b2626 fix: remove empty line in stylesheet 2021-05-27 11:20:12 -04:00
alistair3149 08987c9215 feat: add rounded corner to thumbnails
also merge thumbnail styles into one file
2021-05-27 11:20:12 -04:00
alistair3149 5c6408d766 feat: convert border radius to CSS variable 2021-05-27 11:20:12 -04:00
alistair3149 5d1af2ccb4
fix: inconsistent cursor in header button 2021-05-17 18:58:12 -04:00
alistair3149 9a610b8485
fix: tweak indicator link text color (#363) 2021-05-04 11:56:32 -04:00
alistair3149 293d748771
feat: switch to circle list style 2021-05-02 17:33:40 -04:00
alistair3149 bf8d9274fa
feat: tweak wikitable styles
move text-align left from th to table so it can be easily overriden
2021-04-28 10:37:36 -04:00
alistair3149 00277609f5
feat: don't hide horizontal lines 2021-04-28 10:29:26 -04:00
alistair3149 16b4ae90e0 feat: use color-scheme: dark for dark mode 2021-04-27 13:51:03 -04:00
alistair3149 15ffff3aa4
fix: remove extra bracket in css var definition 2021-04-19 12:42:08 -04:00
alistair3149 76d5daa956
refactor: simplify body margin styles 2021-04-19 12:38:39 -04:00
alistair3149 0f2412c930
feat: don't capitalize wiki name 2021-04-17 01:51:15 -04:00
alistair3149 9fc6639d8c
feat: tweak wordmark styles 2021-04-16 21:22:09 -04:00
alistair3149 ed1b55ce45
feat: hide overflow on screen smaller than 720px 2021-04-12 14:13:28 -04:00
alistair3149 0a0a4a0849
feat: add scrollbar styles 2021-04-12 14:00:43 -04:00
alistair3149 b91eb2fb5e
refactor: legacy viewport clean up 2021-04-11 17:57:50 -04:00
alistair3149 e9b5ec5575
feat: only use smooth scroll in larger viewport 2021-04-02 15:46:52 -04:00
alistair3149 215fb5ffc6
feat: update reduce motion styles 2021-03-27 16:25:55 -04:00
alistair3149 8e7b0de47f
feat: make ToC width adjustable and respect layout width 2021-03-18 13:39:13 -04:00
alistair3149 466261a056 feat: separate link color from primary color 2021-03-18 13:02:01 -04:00
alistair3149 79da99f8ea
fix: incorrect selector 2021-03-13 21:14:16 -05:00
alistair3149 7b1e87cc55
fix: video element overflow 2021-03-13 12:57:59 -05:00
alistair3149 1b3fff4170
fix: CSS animation flash on page load on Chromium 2021-03-13 12:43:28 -05:00
alistair3149 096f98ad91
feat: convert font family to root CSS variable 2021-03-09 13:13:49 -05:00
alistair3149 9c62a58a64
feat: remove table margin rule
not nessecary
2021-03-09 12:41:34 -05:00
alistair3149 c4d86edb23
feat: add center class
Seems to be a default feature in many skins
2021-03-09 12:37:15 -05:00
alistair3149 0d1490ce35
feat: remove highlight link style
There is no reliable way to target wikilinks and it is causing a lot of issues
2021-03-09 11:52:11 -05:00
alistair3149 469a2fd354
feat: tweak print footer styles 2021-03-07 14:03:10 -05:00
alistair3149 e3dc01cdc9
feat: update print styles 2021-03-07 13:11:15 -05:00
alistair3149 24aecc9932
feat: add transform transition for thumb image 2021-03-06 09:39:59 -05:00
alistair3149 61f8ef10f7
fix: first heading overflow 2021-03-05 20:44:46 -05:00
alistair3149 0c95163f23
fix: pre block overflow 2021-03-05 20:27:42 -05:00
alistair3149 74fe701036
feat: rewrite core MW gallery styles 2021-03-05 13:43:11 -05:00
alistair3149 d6b5da3e3b
feat: tweak section styles 2021-03-02 19:32:55 -05:00
alistair3149 848d148710
feat: add plainlinks styles 2021-03-02 12:51:52 -05:00
alistair3149 d63d85efc8
feat: only use display block for table when screen is below tablet (#279) 2021-03-01 13:11:41 -05:00