Commit graph

625 commits

Author SHA1 Message Date
alistair3149 95a9b4566c
feat(core): tweak drawer menu icon size 2022-11-21 17:43:14 -05:00
alistair3149 efac6f125a
feat(core): migrate sidebar menus to use RL icon module 2022-11-21 17:43:05 -05:00
alistair3149 7cff9e678b
feat(core): migrate ToC icon to use RL icon module 2022-11-21 17:43:04 -05:00
alistair3149 2d014694a6
feat(core): migrate misc icons to use RIL icon module 2022-11-21 17:43:03 -05:00
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
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
alistair3149 1787a1b5dd
feat: tweak mobile searchbox animation 2021-04-16 21:12:10 -04:00
alistair3149 9008d98e9c
feat: remove will-change property from drawer 2021-04-16 21:08:50 -04:00
alistair3149 cfbf2798d2
feat: simplify searchbox animation 2021-04-16 21:07:53 -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 bc820109e9
feat: make searchbox transition faster 2021-04-11 17:14:35 -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 76f4671f35
feat: emphasize wiki wordmark color 2021-03-22 17:07:17 -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 aa42838abc feat: add styles for Parsoid content 2021-03-18 13:01:52 -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 112ff9a4b5
feat: add user edit count to personal menu 2021-03-09 15:04:48 -05:00
alistair3149 7ed9307d60
fix: clear both for catlinks 2021-03-09 13:39:55 -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 ad51ef67cd
feat: extended width for file and category namespaces 2021-03-08 11:42:43 -05:00
github-actions a6b5bb3546 ci: lint code to MediaWiki standards
Check commit and GitHub actions for more details
2021-03-08 15:53:46 +00:00
alistair3149 16b08fb2ea
fix: img inherit a.image max width 2021-03-08 10:52:46 -05:00