alistair3149
6e3727f8f3
feat(core): ✨ remove icons from navigation menu
...
It is weird that there are only a few links with icon.
Removing it temporarily until we have a better solution to apply icon to everything
2022-11-21 17:43:01 -05:00
alistair3149
dc77ae47bd
feat(core): ✨ migrate searchbox to use RL icon module
2022-11-21 17:43:00 -05:00
alistair3149
28e343867d
refactor(core): ♻️ remove unused siteinfo styles
...
It is no longer present in the skin
2022-11-21 17:42:55 -05:00
alistair3149
b8ca3f8d72
feat(core): ✨ migrate views menu to use RL icon module
2022-11-21 17:42:54 -05:00
alistair3149
a2d0d31d2a
feat(core): ✨ migrate associated pages menu to use RL icon module
2022-11-21 17:42:52 -05:00
alistair3149
e1ebf8405f
refactor(core): ♻️ clean up page actions icons syntax
2022-11-21 17:42:51 -05:00
alistair3149
ed4990f6c7
refactor(core): ♻️ remove unused icons
2022-11-21 17:42:49 -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
a584655230
fix(core): 🐛 avoid grid content overflow
2022-11-21 17:42:40 -05:00
alistair3149
fc33142e64
refactor(core): ♻️ remove overflow rules since it does not work with sticky
2022-11-21 17:42:39 -05:00
alistair3149
6ce7247616
feat(core): ✨ use relative spacing for caption styles
2022-11-21 17:42:37 -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
github-actions
bc57222ce6
ci: 👷 lint code to MediaWiki standards
...
Check commit and GitHub actions for more details
2022-11-21 17:42:23 -05:00
alistair3149
ceaf3ed844
feat(core): ✨ tweak responsive layout
2022-11-21 17:42:22 -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
80d3a0acbc
feat(core): ✨ tweak layout spacing
2022-11-21 17:42:09 -05:00
alistair3149
c15c1592e3
feat(core): ✨ smoother transition for ToC toggle states
2022-11-21 17:42:07 -05:00
alistair3149
a1ce408e43
feat(core): ✨ re-implement responsive toc
2022-11-21 17:42:05 -05:00
alistair3149
1730a8ff99
feat(core): ✨ pre-work for ToC checkbox hack
2022-11-21 17:42:03 -05:00
alistair3149
d827c2ea12
fix(core): 🐛 add missing layout padding
2022-11-21 17:42:01 -05:00
github-actions
a703726d1e
ci: 👷 lint code to MediaWiki standards
...
Check commit and GitHub actions for more details
2022-11-21 17:41:59 -05:00
alistair3149
48173b6eb8
feat(core): ✨ add icon to back to top link
2022-11-21 17:41:58 -05:00
alistair3149
bc1dd38a12
feat(core): ✨ add back to top link to toc
2022-11-21 17:41:56 -05:00
alistair3149
39e04665e3
feat(core): ✨ center align page tools
2022-11-21 17:41:54 -05:00
alistair3149
ab7b9ba17d
feat(core): ✨ tweak sticky header transition
2022-11-21 17:41:52 -05:00
alistair3149
73fa96757a
fix(core): 🐛 toc indicator clipping
2022-11-21 17:41:50 -05:00
alistair3149
2bf1c27d46
chore(ci): 🔧 👷 remove unnessecary stylelint declarations
2022-11-21 17:41:49 -05:00
alistair3149
427d6a41e1
feat(core): ✨ update ToC styles
2022-11-21 17:41:47 -05:00
alistair3149
622f368d1e
feat(core): ✨ add desktop styles for toc
2022-11-21 17:41:45 -05:00
alistair3149
b0ed5fd14e
refactor(core): ♻️ simplify body grid handling
2022-11-21 17:41:43 -05:00
alistair3149
8793a243c3
feat(core): ✨ rewrite body layout into flex and grid
2022-11-21 17:41:42 -05:00
alistair3149
3eaeaa15f7
refactor(core): ♻️ pre-work to allow Citizen to render ToC
2022-11-21 17:41:40 -05:00
alistair3149
6ab486b82e
feat(core): ✨ add styles for temp user in user menu
2022-11-21 17:41:33 -05:00
alistair3149
7bd34caad5
style(core): 🎨 rename personal menu to user menu
2022-11-21 17:41:30 -05:00
alistair3149
41bfd4d4a4
feat(core): ✨ align user menu spacing
2022-11-21 17:41:28 -05:00
alistair3149
5d7ec88abb
fix(core): 🐛 add missing anonuserpage styles
2022-11-21 17:41:26 -05:00
alistair3149
e9677d6b87
refactor(core): ♻️ clean up user menu header
2022-11-21 17:41:23 -05:00
alistair3149
a31babc297
refactor(core): ♻️ drop polyfill related to user menu
2022-11-21 17:41:20 -05:00
github-actions
9325a4e2be
ci: 👷 lint code to MediaWiki standards
...
Check commit and GitHub actions for more details
2022-11-21 17:41:05 -05:00
alistair3149
d234ece146
feat(core): ✨ put non-header elements into a container
...
Just more sanity and easier to customize header
2022-11-21 17:41:03 -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
github-actions
4b108da3d9
ci: 👷 lint code to MediaWiki standards
...
Check commit and GitHub actions for more details
2022-11-02 20:29:49 +00:00
alistair3149
db9065f88e
feat(core): ✨ use fixed height for header card
...
This will avoid overflowing and also leave some affordance to close the card
2022-11-02 16:28:56 -04: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
6b9fe9c2fa
fix(core): 🐛 hide sticky header overflow
2022-10-25 15:03:16 -04:00
alistair3149
fa3582dfd0
fix(core): incorrect content header z-index
2022-10-25 13:40:43 -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
24a907865f
fix(core): 🐛 incorrect max-height for header card
2022-10-19 17:08:14 -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
979138d251
fix(core): 🐛 mw-data-content should reserve space for header
2022-10-03 12:52:17 -04:00
alistair3149
0633db4d7b
fix(core): 🐛 incorrect max height for header card
2022-10-03 12:44:11 -04:00
alistair3149
92c64be48b
fix(core): 🐛 missing z-index for mw-body-header
2022-10-03 12:38:23 -04:00
alistair3149
c551225ec7
feat(core): ✨ smaller footer wordmark size on mobile
2022-10-02 01:05:41 -04:00
alistair3149
bf66c60f3d
feat(core): ✨ tweak body footer styles
2022-10-01 19:36:09 -04:00
alistair3149
aaad2bb92a
feat(core): ✨ move footer info into body footer
...
They are related to the article/page instead of the whole site
2022-10-01 17:25:20 -04:00
alistair3149
61e8d053c4
feat(core): ✨ move sitenotice out of mw-body
...
site notice is not related to the body/article
2022-10-01 16:15:40 -04:00
alistair3149
9de7a1d4b2
feat(core): ✨ move catlinks to body footer
2022-10-01 16:07:37 -04:00
alistair3149
17907ead6d
fix(core): 🐛 incorrect CSS variable name
2022-10-01 15:33:30 -04:00
alistair3149
6b47c86c70
feat(core): ✨ strict selector for category links
...
Some gadgets such as HotCat hack inject link elements into catlinks.
The previous rules affect them unintentionally,
and now it should only apply to catlink and nothing else.
2022-10-01 15:24:18 -04:00
alistair3149
bdc58fdeaf
fix(core): 🐛 incorrect color for footer site description
2022-10-01 15:11:07 -04:00
alistair3149
6234b8d72a
refactor(core): ♻️ clean up extended width layout value
2022-10-01 15:09:47 -04:00
alistair3149
2e8c98b755
feat(core): ✨ tweak footer wiki name color
2022-10-01 15:08:50 -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
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