Commit graph

285 commits

Author SHA1 Message Date
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
alistair3149 663acdf5ab
feat: more compact blockquote styles 2021-02-21 00:43:39 -05:00
alistair3149 73a18ceb56
refactor: clean up header background var 2021-02-04 10:38:29 -05:00
alistair3149 64c89ecbf1
Merge pull request #268 from RogerDodger/feat/header-shadow
Change header shadow from box-shadow to a gradient
2021-02-04 10:28:08 -05:00
Cameron c78bd5ff64
feat: remove overflow-x hidden from body,html (#267)
Removing this is necessary so that position sticky can be used on the page.

Reference: https://stackoverflow.com/a/47745433

This was presumably added because of the skin having some errant elements at
some point. The only case I can find of this is .catlinks and #p-namespaces
in an earlier patch, but their layout has since been changed.
2021-02-04 10:13:22 -05:00
Cameron 584f5043e1
fix: fix scroll-padding-top value syntax (#266) 2021-02-04 10:10:35 -05:00
RogerDodger 228d597cb2 change header shadow to an eased gradient 2021-02-04 14:10:35 +10:30
alistair3149 538202f2b2
feat: convert drawer menu to overlay menu 2021-01-29 11:47:33 -05:00
alistair3149 bf91a7f83c
feat: tweak indicator styles 2021-01-26 15:38:27 -05:00
alistair3149 d88f933771
fix: Fix incorrect layout on recent changes page 2021-01-26 14:56:11 -05:00
alistair3149 6081341418
feat: integrate page tools into page header 2021-01-26 14:25:46 -05:00
alistair3149 f65bf157bd
feat: move personal menu to header (#231)
* fix: fix header background bleeding in VE

* feat: move personal menu out of drawer to header

* feat: update personal menu styles in smaller breakpoints

* fix: fix typo in qqq documentation

* ci: lint code to MediaWiki standards

Check commit and GitHub actions for more details

* feat: add title text to personal menu button

Co-authored-by: github-actions <github-actions@users.noreply.github.com>
2021-01-19 15:56:42 -05:00
alistair3149 2e83983954
feat: tweak ToC drawer styles 2021-01-18 16:30:15 -05:00
alistair3149 4beb15e43d
feat: update layout in different breakpoints (#227)
* feat: update layout in different breakpoints

* ci: lint code to MediaWiki standards

Check commit and GitHub actions for more details

* feat: remove negative margin for namespace and catlinks

* ci: lint code to MediaWiki standards

Check commit and GitHub actions for more details

Co-authored-by: github-actions <github-actions@users.noreply.github.com>
2021-01-18 15:18:39 -05:00
alistair3149 ffad106fa3
refactor: convert page width to css var 2021-01-16 16:14:04 -05:00
alistair3149 ea3d5c89c3
feat: remove scrollbar styles
will revisit when the standards change
2021-01-16 13:27:21 -05:00
alistair3149 ac61053dba
fix: fix highlight link selector 2021-01-16 00:18:00 -05:00
alistair3149 8e1b1a1493
refactor: convert core styles to use padding-page var 2021-01-15 20:28:13 -05:00
alistair3149 f64a047bda
refactor: clean up header structure and styles 2021-01-15 19:56:59 -05:00
alistair3149 d647a8453d
feat: update input field styles 2021-01-14 19:09:15 -05:00
alistair3149 b04d6c68b8
fix: incorrect border style for input 2021-01-14 16:51:18 -05:00
alistair3149 17f5a51703
feat: rework OOUI core styles 2021-01-14 15:27:06 -05:00
alistair3149 22a33eaffa
feat: unify core link styles 2021-01-14 12:53:29 -05:00
alistair3149 7db6a19a44
feat: unify icon opacity and states 2021-01-14 12:20:15 -05:00
alistair3149 e9125f3a8b
feat: tweak wikitable caption and th styles 2021-01-13 13:54:41 -05:00
alistair3149 dbcf0c3318
doc: bump version to 1.2.0 2021-01-12 18:23:58 -05:00
alistair3149 88a659d1da
feat: change menu hover color to blue to indicate page load 2021-01-12 17:03:52 -05:00
alistair3149 3f60ca2b14
refactor: use common CSS variables for search suggestion 2021-01-12 15:46:40 -05:00
alistair3149 24319fd190
refactor: use common CSS variables for ToC 2021-01-12 15:13:24 -05:00
alistair3149 9d3df250de
refactor: merge CSS variables in core styles 2021-01-12 14:31:35 -05:00
alistair3149 da76ccbbeb
refactor: order styles with idiomatic order 2021-01-11 11:45:52 -05:00
Hannes dde580e2de
Merge remote-tracking branch 'upstream/master' into feature/darkmode-switch 2021-01-09 23:03:23 +01:00
Hannes 044f27c5ba
refactor: Convert colors to css variables 2021-01-09 22:56:28 +01:00
alistair3149 f2f669dec6 Deprecate mediawiki.skinning.content.externallinks 2020-10-22 11:04:19 -04:00
alistair3149 8ce02ef308
Hide ToC in print mode due to overlapping 2020-10-19 09:50:48 -04:00
alistair3149 0b87fa8641
Remove low quality image placeholder for lazyload
The original implementation is not robust and make assumptions about a wiki configuration
2020-08-20 12:36:50 -04:00
alistair3149 138dc57d32 Remove Titillium Web font 2020-08-12 12:59:56 -04:00
github-actions aa1be72216 Make a dinner reservation - MediaWiki CI
I clean up code to MediaWiki standards
2020-08-12 16:45:18 +00:00
alistair3149 d5296aa267
Avoid image links getting hover effects 2020-08-12 12:44:15 -04:00
alistair3149 1b2e33161e
Add mw-empty-elt style 2020-07-28 17:47:24 -04:00
alistair3149 524ba6b9b9
Fix incorrect floatnone style in small screen 2020-07-06 15:35:46 -04:00
alistair3149 a09f29fbcf
Add clearfix to avoid overlap with bottom elements 2020-07-04 02:31:15 -04:00
alistair3149 ded4fa331e
Normalize textarea border 2020-06-30 16:48:29 -04:00
alistair3149 80dc7e4ad9
Align legend styles with wikitable 2020-06-30 16:41:18 -04:00
alistair3149 49897d2315
Remove input normalize rules 2020-06-30 16:26:49 -04:00
alistair3149 7cc1359c2c
Normalize select style 2020-06-30 16:16:23 -04:00
alistair3149 1706b45211
Normalize input styles 2020-06-30 16:08:24 -04:00
alistair3149 07b0d4ceb5
Fix inconsistent input style on WebKit browsers 2020-06-26 22:42:45 -04:00
alistair3149 b51494102d
Wider page width for special pages (#152)
* Wider page width for special pages

* Wider page width for special pages #2

* Bumped version
2020-06-26 15:55:53 -04:00
alistair3149 f72af5e76d
Improve CI and code clean up (#143)
* Replace existing grunt linter

* Fix stylesheet issues picked up by stylelint

* Update the git workflow

* Fix incorrect slash in workflow file

* Github CI lint - eslint/stylelint

* Clean up composer

* Fix phpcb error

* MediaWiki CI

* Change commit message

* Update status badge

* Add JSDoc

* Add SVGO

* Make a dinner reservation - MediaWiki CI

I clean up code to MediaWiki standards

* Optimize SVG files with SVGO

Co-authored-by: github-actions <github-actions@users.noreply.github.com>
2020-06-16 22:49:41 -04:00
alistair3149 32a0af35d4
Separate ToC from core module 2020-06-15 22:32:55 -04:00
alistair3149 951f60ce05
Fix plainlist style 2020-06-13 21:54:32 -04:00
alistair3149 52811c667c
Fix ToC not appearing in print mode 2020-06-12 16:28:47 -04:00
github-actions 92a5ae1b2a Github CI lint - eslint/stylelint 2020-06-12 20:21:44 +00:00
alistair3149 7cb96376b2
Fix print mode styles 2020-06-12 16:21:27 -04:00
alistair3149 7980716047
Clean up common stylesheets 2020-06-12 14:16:45 -04:00
github-actions 5b59196041 Github CI lint - eslint/stylelint 2020-06-12 18:07:26 +00:00
alistair3149 d4748e8d47 Remove dark mode less 2020-06-12 14:05:32 -04:00
alistair3149 2fb4705f29 Move pagelinks dark mode styles to pagelinks 2020-06-12 14:05:32 -04:00
alistair3149 21b2838c0e
Separate pagelinks styles from common 2020-06-12 13:44:24 -04:00