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
6aee9f8e03
feat(core): ✨ collapse page tool text below desktop
2022-10-01 01:45:55 -04:00
alistair3149
607c3f22b2
feat(core): ✨ use space unit for drawer
2022-09-30 17:40:30 -04:00
alistair3149
eadaef7a0a
refactor(core): ♻️ clean up header card mixins and var
2022-09-30 16:52:13 -04:00
alistair3149
9532aa4906
feat(core): ✨ page actions should take full width with toc
2022-09-30 11:45:43 -04:00
alistair3149
5be20a256c
feat(core): ✨ add jump to top link to sticky header
2022-09-30 11:24:06 -04:00
alistair3149
639c378721
fix(core): 🐛 sticky header should not trigger in edit mode
2022-09-30 10:50:05 -04:00
alistair3149
f3e4332e61
feat(core): ✨ move fluid sticky transition
2022-09-30 10:29:50 -04:00
alistair3149
9b1325bcb8
feat(core): ✨ more responsive layout for sticky header
2022-09-30 10:24:16 -04:00
alistair3149
e72d7c00a3
feat(core): ✨ add sticky body header
2022-09-29 22:33:06 -04:00
alistair3149
20ed41ec2c
fix(core): 🐛 wiki name wrapping in drawer
2022-09-29 21:25:57 -04:00
alistair3149
87d1918770
feat(core): ✨ add extra page padding on desktop view
2022-09-29 21:12:27 -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
8c4166ae8f
feat(core): tweak spacing between body header and content
2022-06-21 16:23:31 -04: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
8ec0400b1a
feat(core): simplify page header spacing
2022-06-02 14:40:31 -04:00
alistair3149
dca529b164
feat(core): add bottom margin to page header
2022-06-02 12:58:15 -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
4fbe09f212
feat(core): tweak category links styles
2022-06-02 11:48:42 -04:00
alistair3149
2f6d383d9e
fix(core): use z-index on popup only to avoid clipping
...
Also:
* Remove unnessecary margin on mw-body-header
* Move the extra mw-body margin to mw-body-header, as there can be other elements in mw-body
2022-06-02 10:57:19 -04:00
alistair3149
c6b8ba9e80
fix(core): source edit button should not collapse itself when VE is selected
2022-06-02 10:51:30 -04:00
alistair3149
7b810b2389
fix(core): incorrect z-index for the inner header container
...
Also fix the undefined LESS variable in the Echo skinstyle
2022-05-25 16:01:21 -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
21633dcd3c
feat(core): separate header from personal menu list
2022-05-23 16:10:14 -04:00
alistair3149
be8b9a0a0d
feat(core): clean up and tweak z-index usage
...
fixes #462
2022-05-23 15:11:41 -04:00
alistair3149
ea875234be
feat(core): use keywords for transform origin
...
This would allow CSSJanus to flip the styles correctly for RTL
2022-05-20 16:07:44 -04:00
alistair3149
1b7217457a
feat(core): do not override blockquote font size
2022-05-19 14:26:56 -04:00
alistair3149
c81ba1f07a
fix(core): oversized ULS language toggle under tablet viewport
2022-05-18 21:26:55 -04:00
alistair3149
1df223abfa
feat(core): update menu to be more inlined with MW core
...
* Use label instead of h3 for menu headings
* Rename portals to portlets according to core
* Replace label-class with heading-class
* Use has-label to hide labels instead of adding screen reader class
2022-05-18 17:14:24 -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
73c61e9b37
feat(core): use ULS for interwiki language menu if possible
2022-05-17 09:42:34 -04:00
alistair3149
93087a4fbe
refactor(core): clean up personal menu implementation
2022-05-16 22:52:04 -04:00
alistair3149
8c2d8e5e4e
refactor(core): remove mw-portal class
...
It is legacy code no longer found in core, and mw-portlet serves the exact same function.
2022-05-16 19:40:10 -04:00
alistair3149
9926140281
feat(core): add language count badge
...
Now the language button will have a badge indicating avaliable languages for the page
2022-05-16 19:31:11 -04:00
alistair3149
c6e9bc44a9
feat(core): use checkboxHack for page actions more menu
...
* use checkboxHack for the menu
* streamline language and more action menu styles and classes
2022-05-16 18:14:35 -04:00
alistair3149
442f241641
feat(core): add language menu to page tools
...
In other language menu and language variant menu are merged into a singular menu
with a toggle in page tools. This is the first step towards having better language
handling in the skin.
2022-05-16 00:50:00 -04:00
alistair3149
7cdd049ea9
fix(core): mw-list-item does not exist in older MW
2022-05-13 14:52:20 -04:00
alistair3149
c978bb1320
refactor(core): rename title hidden class
2022-05-13 00:30:46 -04:00
alistair3149
478a8396af
refactor(core): merge card content fade animation into mixin
2022-05-11 22:06:33 -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
3e051f0d67
feat(core): use relative units for page actions
2022-05-10 22:17:12 -04:00
alistair3149
22450c4804
refactor(core): clean up header variables
2022-05-10 21:58:57 -04:00
alistair3149
9872a820af
feat(core): make header icon background scale to font size
2022-05-10 14:00:28 -04:00
alistair3149
f8d90e1782
fix(core): hover state should be visible on card
2022-05-10 13:37:48 -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
cae7deb945
refactor(core): clean up header icon styles
2022-05-10 11:59:43 -04:00
alistair3149
15296d55be
refactor(core): move checkboxHack checkboxes into container
2022-05-10 11:15:34 -04:00
alistair3149
105d1b9006
refactor(core): clean up inner header implementation
...
This is a part of the header refactor
* Add hover and active state for title button
* Clean up DOM structure
* Clean up unnessecary styles
* Clean up HTML class names
2022-05-10 10:52:36 -04:00
alistair3149
6e35212007
refactor(core): clean up search box implementation
...
* Clean up DOM structure
* Clean up HTML classes
* Use relative units
* Remove unnessecary CSS
2022-05-10 10:52:36 -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
ca59b097ba
refactor(core): merge duplicating mixins together
2022-05-01 22:53:41 -04:00
alistair3149
a6d88fc68b
style: lint styles with stylelint
2022-05-01 22:40:27 -04:00
alistair3149
d286afdfb9
feat(core): add animation to page tools more menu
2022-05-01 22:39:41 -04:00
alistair3149
41e0832904
feat(core): remove animation from searchbox but keep suggestion on mobile
2022-05-01 22:17:36 -04:00
alistair3149
b4959b1972
feat(core): add animation to personal menu
2022-05-01 22:12:47 -04:00
alistair3149
2c9a5f45ec
refactor(core): merge menu content show transition into mixin
2022-05-01 22:11:31 -04:00
alistair3149
60d57dea85
feat(core): switch searchbox transitions to scale
2022-05-01 21:35:33 -04:00
alistair3149
c0c2e61bf3
refactor(core): turn card animation into a mixin
2022-05-01 21:23:37 -04:00
alistair3149
e2da010a90
feat(core): tweak drawer open transition
...
Instead of using translate which can look jarring especially in large menus,
we use a combination of scale and opacity to achieve smoother effect while
saving more on performance.
2022-05-01 20:17:06 -04:00
alistair3149
56a869b3d9
refactor(core): clean up transition variable names
2022-05-01 19:14:17 -04:00
alistair3149
5fb9627ba7
refactor(core): clean up unused LESS variables
2022-05-01 19:09:00 -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
4bacf2fff1
perf(core): remove expensive CSS transitions
2022-04-30 18:04:19 -04:00
alistair3149
b69ca82650
fix: lower header z-index to 4
...
The original z-index is way too high (10) and would overlap dialogs.
It should be set to 4 (same as Vector 2022) to ensure compatiblity with OOUI elements.
Closes #447
2022-04-30 13:50:49 -04:00
alistair3149
39225d6f36
perf(core): improve rendering performance of drawer menu
2022-04-28 21:54:54 -04:00
alistair3149
87f6e4fa19
feat(core): tweak sitestats style
...
* Left align the drawer header
* Hide file count when width is smaller than 480px
2022-04-28 21:41:41 -04:00
alistair3149
c23a1d7838
feat: unify modal styles
...
All modals should follow the same styles
2022-04-28 15:18:41 -04:00
alistair3149
eb9cd37cb7
fix: add missing selector in older MW version
...
mw-portlet is not available in older MW version, added mw-portal as backup
2022-04-28 01:22:20 -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
b9b795ff11
refactor: use gap instead of margin-right for spacing
2022-04-27 14:02:10 -04:00
alistair3149
a61635ea8f
feat: tweak edit button styles when both visual and source edit are present
2022-04-27 13:35:03 -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
9041cc6f22
feat: tweak category styles
2022-04-24 15:38:17 -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
f05295195a
feat: move discussion to the top of the more menu
...
Also clean up some related-styles
2022-04-24 01:53:47 -04:00
github-actions
673445c718
ci: lint code to MediaWiki standards
...
Check commit and GitHub actions for more details
2022-04-23 05:32:12 +00:00
alistair3149
6efff7f5da
feat: revamp drawer header
...
* wgLogo is always visible in the drawer
* Increase the size of wiki name
* Sitestats will now format large numbers into human readable formats (e.g. 12.2K, 3M, etc.)
* Sitestats now use icons instead of text as labels
* Remove wordmark for now, will revisit later
2022-04-23 01:30:02 -04:00
alistair3149
a2dffec7eb
feat: remove letter spacing from wordmark
2022-04-17 18:07:56 -04:00
Lens0021
449278f0be
feat: use template data for page tools if available ( #440 )
...
* Use template data for page tools if available
* ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
* emptyPortlet class is added by the core
* ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
* Update PageTools.php
* Set toolbox to always valid data
Co-authored-by: github-actions <github-actions@users.noreply.github.com>
2022-04-14 00:30:33 -04:00
alistair3149
c51c73159b
feat: add a max height to more action menu
...
Fix #365 . This is a bandage fix for the language variant menu until the language variant menu is moved to an alternate location.
2021-10-07 11:14:53 -04:00
alistair3149
f24ab7dd97
fix: background clipping between data-after-content and footer
2021-08-31 13:27:33 -04:00
alistair3149
d5ac0ce295
feat: update RelatedArticle skinstyle to grade A
2021-08-31 12:29:49 -04:00
alistair3149
9134834d6d
feat: add fading to mw-data-after-content
2021-08-26 17:11:01 -04:00
github-actions
86a9f1dece
ci: lint code to MediaWiki standards
...
Check commit and GitHub actions for more details
2021-08-26 03:58:36 +00:00
alistair3149
2285670e08
feat: use mask-image instead of box-shadow for header background
...
This will allow header fade background blending with color-surface-0, regardless of what color it is set to
2021-08-25 23:56:53 -04:00
alistair3149
e53ca7839b
feat: add smooth fading to footer top margin
2021-08-25 23:53:11 -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
d2e981a7d6
feat: tweak drawer menu animation
2021-07-30 22:13:01 -04:00
alistair3149
9ff44d807b
feat: show article stats in menu on mobile viewport
2021-07-30 14:05:25 -04:00
alistair3149
b72ea763a3
feat: change menu into a modal instead of overlay
2021-07-30 13:48:57 -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
4190ab1904
feat: tweak header box shadow color
2021-07-25 14:34:17 -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
github-actions
89b21a5b0c
ci: lint code to MediaWiki standards
...
Check commit and GitHub actions for more details
2021-06-15 14:27:00 +00:00
alistair3149
f0678b6f34
feat: hide not logged in message on personal menu
2021-06-15 10:25:59 -04:00
alistair3149
bc71d5c9c0
fix: incorrect selector for loading class
2021-06-12 10:00:26 -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
321f9a7f3d
refactor: only apply responsive styles to thumbnails
2021-05-22 19:19:37 -04:00
alistair3149
d0f23fa991
fix: incorrect breakpoint for search bar
2021-05-17 19:27:28 -04:00
alistair3149
5d1af2ccb4
fix: inconsistent cursor in header button
2021-05-17 18:58:12 -04:00
alistair3149
b2bd79196d
feat: rework search module ( #386 )
...
* feat: rewrite search module (WIP)
There are some caveats because it is a WIP
- Messages are not i18n yet
- Missing placeholder suggestion thumbnail
- Only REST mode works
- Missing greeting message when there is no search query
- Code might look like a mess (I learned JS not long ago)
* refactor: remove old search module
* feat: clean up search suggestion styles
* feat: hide overflow for suggestion text
* feat: add action API and various cleanup
* feat: re-add abort controller
* feat: add message support and tweaks
* feat: use virtual config instead of ResourceLoader hook
* fix: missing comma in const definition
* feat: add ARIA attributes
2021-05-17 16:34:14 -04:00
alistair3149
ac2ed38183
feat: unify header button highlight hover state ( #363 )
2021-05-10 12:00:04 -04:00
Eshagh
c891f42fd1
feat: add RTL icons for drawer toggle and VE save button ( #374 )
...
* Customize the drawer button for RTL language
* Convert ">" to "<" for RTL language
Co-authored-by: eshagh79 <eshagh094@gmail.com>
2021-05-06 22:36:34 -04:00
alistair3149
38f674eced
feat: tweak search toggle button
2021-05-04 13:53:40 -04:00
github-actions
3e6b24c390
ci: lint code to MediaWiki standards
...
Check commit and GitHub actions for more details
2021-05-04 17:34:33 +00:00
alistair3149
96cf5319c7
feat: improve page tool more button behavior
2021-05-04 13:33:43 -04:00
alistair3149
06e91bb42d
feat: improve header button behavior
2021-05-04 13:27:47 -04:00
alistair3149
9a610b8485
fix: tweak indicator link text color ( #363 )
2021-05-04 11:56:32 -04:00
alistair3149
93dbd76324
refactor: convert search bar variables to CSS var
2021-05-04 11:48:39 -04:00
github-actions
4062404e26
ci: lint code to MediaWiki standards
...
Check commit and GitHub actions for more details
2021-05-04 15:11:25 +00:00
alistair3149
749ca9763d
feat: tweak RTL search toggle icon
2021-05-04 11:10:33 -04:00
alistair3149
dbc081eae9
fix: incorrect RTL search toggle icon selector
2021-05-04 10:53:05 -04:00
github-actions
4ce8376b0e
ci: lint code to MediaWiki standards
...
Check commit and GitHub actions for more details
2021-05-03 20:19:44 +00:00
Eshagh
08ed687fa3
fix: RTL search box icon ( #361 )
2021-05-03 16:18:54 -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
51ac47691e
feat: implement reading preferences
...
allow visitor to adjust theme, font size, and page width
2021-04-27 13:51:03 -04:00
alistair3149
e2b4a4e49a
feat: show page title on header after scroll
...
The page header also acts as a jump to top link
2021-04-26 11:39:27 -04:00
alistair3149
f0d2a4ef1e
feat: tweak page header top margin
2021-04-19 14:55:57 -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
8d82e7ca83
feat: optimize SVGs with SVGO
2021-04-18 14:40:38 -04:00
alistair3149
d29d631060
feat: tweak wordmark styles
2021-04-17 21:01:24 -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
