Commit graph

302 commits

Author SHA1 Message Date
alistair3149 20d8d0d0d4
feat(core): clean up elements styles 2022-11-21 17:46:44 -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 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 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
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
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