mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/DiscussionTools
synced 2024-11-27 17:51:09 +00:00
Fix [reply] spacing on mobile when usability improvements unavailable
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:
parent
d31254005f
commit
bfe4a81436
|
@ -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
|
||||
// when the buttons wrap to a new line (T325416).
|
||||
// (Except on Minerva, which uses block placements for the buttons rather than inline.)
|
||||
body:not( .skin-minerva ) &::before {
|
||||
&::before {
|
||||
// Must use character escapes to avoid CSS minifier messing up the spaces
|
||||
content: '\20\20';
|
||||
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 {
|
||||
margin-left: 0;
|
||||
display: block;
|
||||
|
||||
&::before {
|
||||
// Remove the spaces that are used for inline placement (T325416), added at the top of this file.
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue