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