dépôts
/
lhc
/
web
/
wiklou.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
mediawiki.ui: Buttons should receive `max-width`
[lhc/web/wiklou.git]
/
resources
/
src
/
mediawiki.ui
/
components
/
buttons.less
diff --git
a/resources/src/mediawiki.ui/components/buttons.less
b/resources/src/mediawiki.ui/components/buttons.less
index
4ffaeee
..
71febe3
100644
(file)
--- a/
resources/src/mediawiki.ui/components/buttons.less
+++ b/
resources/src/mediawiki.ui/components/buttons.less
@@
-31,8
+31,11
@@
font-size: 1em;
// Container layout
display: inline-block;
font-size: 1em;
// Container layout
display: inline-block;
+ min-width: 4em;
+ max-width: 28.75em; // equivalent to 460px, @see T95367
padding: .5em 1em;
margin: 0;
padding: .5em 1em;
margin: 0;
+ border-radius: @borderRadius;
.box-sizing( border-box );
// Disable weird iOS styling
.box-sizing( border-box );
// Disable weird iOS styling
@@
-43,15
+46,11
@@
*display: inline;
zoom: 1;
*display: inline;
zoom: 1;
- // Container styling
- .button-colors( #fff, #ccc, #777 );
- border-radius: @borderRadius;
- min-width: 4em;
-
// Ensure that buttons and inputs are nicely aligned when they have differing heights
vertical-align: middle;
// Content styling
// Ensure that buttons and inputs are nicely aligned when they have differing heights
vertical-align: middle;
// Content styling
+ .button-colors( #fff, @colorGray12, @colorGray7 );
text-align: center;
font-weight: bold;
text-align: center;
font-weight: bold;
@@
-112,6
+111,8
@@
&.mw-ui-block {
display: block;
width: 100%;
&.mw-ui-block {
display: block;
width: 100%;
+ margin-left: auto;
+ margin-right: auto;
}
// Progressive buttons
}
// Progressive buttons