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
