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