Commit graph

335 commits

Author SHA1 Message Date
Jon Robson 1f83fd0d68 History rows should be clickable
Bug: T362683
Change-Id: I8a3b3554991eb8229b0d734fd577c48868480fdc
2024-05-02 12:08:39 +00:00
Jon Robson ba64c4168d Complete transition to Codex color palettes
* Update mediawiki.skin.variables to point non-Codex tokens to
Codex token equivalents
* Replace box-shadow-color-drawer with @box-shadow-color-base
* Leave FIXME comments for migrating the last two CSS variables
* Replace direct access to CSS variable with @color-link-new
design token instead since the former may no longer exist.

Bug: T360845
Change-Id: Ie531044d320cde50689064f10ff00db5adcaf859
2024-04-29 14:16:36 -07:00
Jon Robson 9ad8766d67 AMC-disabled Watchlist should mirror MobileFrontend version
* Hide RC filters on AMC -disabled view
* Add margin between tabs and list and full width border
* Hide 3rd and 4th tabs on watchlist view

Bug: T266065
Change-Id: I39a20bb763c6057d65550bdfface0d9156799dac
2024-04-25 23:29:36 +00:00
Jon Robson db5852ecc7 Remove styles for deleted diff special page
MobileDiff special page no longer exists so none of this CSS which applies to #mw-mf prefixed code is not applying to anything.

Bug: T360389
Change-Id: I6638850a6e1cd1e27072ecd17dd1524f62f976cd
2024-04-25 19:07:12 +00:00
Jon Robson 32bf846613 Apply history styles to watchlist
The changes here only apply to the AMC-disabled mode
and only apply when visiting the watchlist with the
following configuraton:
$wgMFUseDesktopSpecialWatchlistPage = [ 'amc' => true, 'base' => true, ];

This change will allow us eventually to remove the special page
in MobileFrontend.

Bug: T109277
Change-Id: I15e95cbae77edde36ca822345a461d791ea5f29d
2024-03-22 14:10:07 -07:00
Ed Sanders 0b7252092e Fix alignment of icons on Special:Preferences
Bug: T360061
Change-Id: Ib13081472222a5e00674a79673223703d055d4ca
2024-03-13 12:13:50 -07:00
Jon Robson aa0a596c7d Define message box, diff colors and missing box shadows for two themes
Bug: T358402
Change-Id: I171b6ad8bb36e52704224c5d28bc6081bc07ace5
2024-03-05 01:51:18 +00:00
Jon Robson 70e68aedd8 Remove the rest of the reset
VISUAL CHANGE:
* Improves top margin on User common.js for code

Bug: T205341
Change-Id: Ia402fd069341da14532d332fab7c109d34c7208d
2024-02-15 19:56:46 +00:00
Jon Robson 145db70286 Reset: Drop p and div inside overlays
Required for proper presentation of page issues overlay
and multimedia viewer.

The div rules were unnecessary.

Bug: T205341
Change-Id: I6fea0f2013a11e5248b71619b795d794c8ed18ad
2024-02-14 22:20:43 +00:00
Steph Toyofuku 91c9e68afb Fix borders in night mode palette
Following a discussion in the ticket, update the places where `#eaecf0`
has been hardcoded to reflect whether it is intended to be a border or
background style and replace with CSS variables where applicable.  Add
`--border-color-muted` as a CSS custom property, and update the night
mode palette to use it.  Lastly, add `--color-error`, to be used in a
subsequent patch

Visual changes, but again gated behind night mode feature flag

Bug: T356825
Change-Id: Icb5741190f3e80a20dcedf9b13d6a34fe619b467
2024-02-14 16:18:21 -05:00
Jon Robson a9f45d2adf Always show patrol link on Minerva skin
Bug: T357213
Change-Id: I36a7ce8a86409087e0142fcc11c6285a327b3875
2024-02-12 21:32:19 +00:00
Jon Robson d5d9fe4ea6 Make thanks button show again
Bug: T357202
Change-Id: Ife53355584da6d7d65413173db8bd93d389996c5
2024-02-12 17:36:33 +00:00
jenkins-bot ec453ac037 Merge "Replace reset with SkinModule normalize" 2024-02-07 14:38:30 +00:00
Jon Robson d9fa5214a7 Reduce font size of diff heading
Bug: T356728
Change-Id: If7c66ca939d9b27d6d8435336514600453e06670
2024-02-06 19:06:52 +00:00
Jon Robson 7c9304cbf4 Replace reset with SkinModule normalize
Retain the existing font,
margin and padding values as without
these we would trigger a visual regression.

Visual change: Four minor visual regression with this change
relating to the button in the AMC CTA Drawer and suggested
edits overlay heading. All are acceptable.

Bug: T205341
Change-Id: I6331d88e5b7301fd13249414350a539738cfae53
2024-02-02 18:00:45 +00:00
Jan Drewniak 59fd0cd5dc Convert all color related Less variables to CSS custom properties
All colors used in Minerva are converted from Less variables
into CSS custom properties. A new file called CSSCustomProperties.less
is created in the skins.minerva.base.styles module to store
these custom properties and an ADR is provided on the rationale for
dropping support for browsers that don't support custom properties.

The new CSS custom properties follow Codex design token conventions
where possible (and noted when not).

Link colors are unique because their styles are defined in core,
so in that case the Less variables values are set to custom properties.
Those values are then fed back into MediaWiki core for core link
styling.

Also adds a temporary night-mode color palette under the
.skin-nightmode-1 class on the <html> element.

Bug: T356074
Change-Id: Ida1f14138f12bd3c600c264bde7b5100f9dbf4ff
2024-02-02 17:57:27 +00:00
Jan Drewniak be0b43042e Convert Less variable names from camelCase to snake-case
Converts all Less variable names from CamelCase to snake-case
per the MediaWiki coding conventions.

Removes the following unused Less variables, mostly
related to icons, since those were converted to Codex:
- @icon-touch-area-sm
- @icon-touch-area-md
- @min-size-icon (replaced with @size-icon-medium)
- @icon-glyph-size-sm
- @icon-size-sm
- @icon-padding-sm
- @icon-glyph-size-md
- @icon-size-md
- @margin-icon-md-labelled

Bug: T350581
Change-Id: I1b16e77942d9bea20dcc5636a63d64aa2325a173
2024-01-31 15:24:31 -08:00
Jon Robson bc2c87f4d0 Fixes: Diff footer is overlaying the text when visual diff is clicked
Bug: T353407
Change-Id: I9246c0df582cab485b425dc77e05dc4435656511
2024-01-31 18:09:04 +00:00
Ed Sanders 8ef144f936 build: Update linters
Change-Id: I5aa3ab891890b52057a5fc855315e5b1b2203037
2024-01-24 22:02:12 +00:00
jenkins-bot c01d353e96 Merge "Long usernames should wrap on history page." 2024-01-19 21:53:37 +00:00
Jon Robson f1c1347d56 Long usernames should wrap on history page.
Bug: T355369
Change-Id: I1f3c3b7e494cc655c98d662e4c0d822da502ea6a
2024-01-18 23:06:15 +00:00
jenkins-bot 6ab98eb62e Merge "Style thanks confirmable panel on mobile" 2024-01-12 17:04:29 +00:00
Jon Robson 5e4e3bd549 Style thanks confirmable panel on mobile
To test you must be using desktop Minerva
This addresses only the problem described in
T353062#9438627.

Bug: T353062
Change-Id: Ia7053b94aae1b6ab48307769de063d825a47c1db
2024-01-12 16:37:21 +00:00
Jon Robson 72726eac36 Fix text overflow in history page
This omitted the important overflow and text-overflow
rules that we use in MobileFrontend. The line height also
needs a slight adjustment.

Bug: T354218
Change-Id: I4b8dee3395603933aba2818725b1f8fbbde0a2a6
2024-01-11 19:38:15 +00:00
jenkins-bot 459d04d121 Merge "History: Make sure entire history row is clickable" 2023-12-20 19:13:06 +00:00
Jon Robson 67403c89b6 Switch to non-compact mode on tablet breakpoint instead of desktop
Bug: T353478
Change-Id: I2b6141f949c663f3d3d720f087d0d0a0936f89f3
2023-12-20 18:42:31 +00:00
Jon Robson 8d305924c9 History: Make sure entire history row is clickable
Bug: T353485
Change-Id: Ie10088636e727c2d5b263426073a02a8f978b692
2023-12-20 18:26:12 +00:00
Jon Robson b1b374b5b3 Relax CSS selector to apply to checkboxes as well as radio buttons
Bug: T353401
Change-Id: I520261fabf404c3a4f96ae4449ce9c445e7da270
2023-12-13 14:00:46 -10:00
Ed Sanders 86289e7b26 Show diff switcher on narrow screens
The visual diff is sometimes cluttered at narrow widths, but as
we show the switcher on tablet and desktop, and it stores a preference,
users may see the visual diff on phones anyway.

The layout is sometimes cluttered but not completely useless, and
users can always switch back.

As a follow-up we should improve the layout of the visual diff sidebar
on narrow screens.

Bug: T351946
Change-Id: I5533126195331b46040e708b7b35627e74a3001d
2023-11-30 18:43:39 +00:00
Bartosz Dziewoński 5f17c89649 Remove unused CSS for cached HTML
Searched for /fixme.*remove/.

Follow-up to:
* I55a25dfb8aba3d1b589a36ba4cba3bba0fe710a1
* I98443b0dcb88911a5314092216809387b4fb80dc
* I3c9d59f49f1b939981a7b2b450448db6736d5958
* Ie24c0215d07d5e4605d8479ed9e950a3d9c9b086

Change-Id: Id52487f6f5e4802ea2700c51e87e63565f340f5d
2023-11-17 18:52:27 +01:00
jenkins-bot b639cb01d5 Merge "Always show search form on Special:Search" 2023-11-17 15:57:05 +00:00
Jon Robson 3dada0a92f Restore content below diff
Mobile page doesn't traditionally show the full revision under
the diff. If we want to continue to do this it would be better
to find a solution on the server then resort to this CSS hack.

Bug: T350454
Bug: T350650
Change-Id: Ic26c577ca4bcf8793f8678e30d91b0315da4df99
2023-11-08 18:54:31 +00:00
Jon Robson ff8af8a620 Last modified bar should not be double height
Bug: T350515
Change-Id: I5044e38a2aa1582916339a0a85baed133e9c493c
2023-11-07 21:30:52 +00:00
Jon Robson 99b32fb309 Omit the last modified bar in the HTML rather than hiding it via CSS
The mediawiki.diff.styles can be loaded on pages other than the diff
page itself, so it is better to move this logic into SkinMinerva and
avoid outputting it for diff pages full stop.

Note this module is loaded on Special:MobileDiff and desktop
Minerva history page (without redirect) so we need to cater
for both cases.

Bug: T350515
Change-Id: If2d908b7cbe257184e0c899f78a04d4d5935ea8c
2023-11-06 19:48:25 +00:00
Jon Robson f2243e7820 Fixes: Duplicate diff navigation links on mobile
Bug: T350440
Change-Id: I21cda31e137ac28990e693b83099b3328905089e
2023-11-03 17:08:32 +00:00
Volker E 9a54250830 styles: Replace deprecated color token
All other occurrences in this stylesheet already use the new token.
Seems like this one was missed.

Bug: T331403
Change-Id: I1d385275bd2b679d130eb3180ef2fc63a0f37a6b
2023-11-01 23:52:29 -07:00
jenkins-bot 12a54347be Merge "Don't turn text in .mw-editTools toolbar gray" 2023-10-31 13:56:56 +00:00
Jon Robson e7ed36164f Increase specificity of some selectors
These elements were not hiding correctly.
Follow up to I5a4a2588da3d701be87690038c2c9b2bc1aa0365

Change-Id: I1798fa223d52625b9b16c98561f4b1cab39c5303
2023-10-31 05:02:02 +00:00
jenkins-bot 3a4b1f1082 Merge "Style the desktop diff and history page of Minerva to look like mobile pages" 2023-10-30 14:53:32 +00:00
thiemowmde 758333a972 Don't turn text in .mw-editTools toolbar gray
Please see T338261#9291438 for a longer explanation. The .mw-editTools
section is a multi-purpose field that can hold a lot of different
things, most notably a special characters toolbar. It's confusing if
the toolbar looks like it's disabled.

Bug: T338261
Change-Id: I6ad58dbdcc754c832e03184c2e69a7803c333c07
2023-10-30 15:23:50 +01:00
Ed Sanders 8369a0e859 Diffs: Explicitly set font size to 100%
This should result in no-change, but prevents a regression after I65b6a778d.

Change-Id: I0085124a8590ede25d818033b669aff18afc19d6
2023-10-26 17:38:36 +01:00
WMDE-Fisch 354e00a3b5 Always show search form on Special:Search
At least for wikis that have AdvancedSearch installed it does not
seem to make sense to hide the interface. It should be usefull in
any case. Also there's a huge gap that should be avoided I guess.

I'm not to sure for cases where AdvancedSearch is not installed.
There this patch will lead to a situation where there are two
search fields visible. The one at the top and the one in the main
content. - Although the latter has the advantage to show the
current search term.

IMO this is overall still an improvement and further streamlining
could be done in a follow up ( like hiding the header search field
generally on the Special:Search page ).

Bug: T308845
Change-Id: I477825e9d738e9934f6c6845a1ff8962f12987a9
2023-10-26 13:10:25 +02:00
jenkins-bot d0ae24d7dd Merge "Stop using mediawiki.ui mixin for history page" 2023-10-24 21:24:35 +00:00
Jon Robson b0aa45822c Stop using mediawiki.ui mixin for history page
Additional change:
* Remove unused import on mediawiki.special.changeslist module
* Increase touch area of undo link for mobile devices

Bug: T345768
Change-Id: I8ded245cf15ca58f91ca1b71beffd91da02cfd92
2023-10-24 18:58:46 +00:00
Jon Robson a3f03245fd Style the desktop diff and history page of Minerva to look like mobile pages
Depends-On: Ie8ac1aab6d2fe5f4575a6891c36efe497458e093
Bug: T305113
Bug: T240624
Change-Id: I5a4a2588da3d701be87690038c2c9b2bc1aa0365
2023-10-20 18:35:10 +00:00
Jon Robson 05231bb254 Support extension of page actions via hook and addPortletLink
This adds support for:
mw.util.addPortletLink('p-views', '#', 'text', 'fooz',null,
  null,'#page-actions-overflow' )

and adding multiple edit icons via hooks.

Depends-On: I655097769620301143140ded1cde4c7a16879ef4
Depends-On: I401805224c0f387ac85b52b50c1f298b83c03a91
Bug: T346944
Change-Id: I3c9d59f49f1b939981a7b2b450448db6736d5958
2023-10-04 22:15:47 +00:00
Jon Robson 658f1c3439 Fix Echo badges on desktop Minerva, remove module
Bug: T345785
Change-Id: I2913c60d609a11fa74d90e858bf112627553aa13
2023-09-11 14:35:40 -05:00
bwang e09c41b011 Restore mw-ui-button styles to history page buttons
Bug: T345306
Change-Id: I331373de54fe4f4975d3e162efb6daf3258dcd67
2023-09-07 11:56:25 -05:00
Jon Robson 952789bc17 Switch Minerva button template to use Codex and remove mw-ui-button
- Removes 'mw-ui-icon-with-label-desktop' as that is now the default behavior for icon only buttons in Minerva
- Removes icon flushing classes, use codex mixins instead

80 Visual changes relating to minor icon/button subpixel changes in the heading, edit section links, and page actions

Bug: T319260
Change-Id: I503b643d33e43196483af4b5f9dd312237322ac8
2023-08-24 15:57:01 -05:00
jenkins-bot cc82b845dc Merge "Fix the height of cdx-button in header-overlay" 2023-08-10 20:40:47 +00:00