wikimedia/mediawiki-extensions-DiscussionTools
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/DiscussionTools synced 2024-11-24 08:23:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix [reply] spacing on mobile when usability improvements unavailable

Browse source 
Minerva uses block placement for the buttons only on pages where
usability improvements are available.

Follow-up to 869520a6d0.

Bug: T325416
Change-Id: I9e828197aea7bbaff86489f3ef6e256e0a0845ff
This commit is contained in:
Bartosz Dziewoński 2023-03-13 15:11:33 +01:00
parent d31254005f
commit bfe4a81436
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
modules/dt.init.less
View file

@ -29,8 +29,7 @@ h1, h2, h3, h4, h5, h6 {
// Add space before the buttons using actual spaces rather than margin, so that they may collapse // Add space before the buttons using actual spaces rather than margin, so that they may collapse
// when the buttons wrap to a new line (T325416). // when the buttons wrap to a new line (T325416).
// (Except on Minerva, which uses block placements for the buttons rather than inline.) &::before {
body:not( .skin-minerva ) &::before {
// Must use character escapes to avoid CSS minifier messing up the spaces // Must use character escapes to avoid CSS minifier messing up the spaces
content: '\20\20'; content: '\20\20';
white-space: pre-wrap; white-space: pre-wrap;
@ -349,9 +348,14 @@ h1, h2, h3, h4, h5, h6 {
} }
} }
// Use block placement for the reply buttons on mobile, to make them easier to tap.
&.skin-minerva .ext-discussiontools-init-replylink-buttons { &.skin-minerva .ext-discussiontools-init-replylink-buttons {
margin-left: 0;
display: block; display: block;
&::before {
// Remove the spaces that are used for inline placement (T325416), added at the top of this file.
content: '';
}
} }
} }