mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
Bug 1123299 - Allow <input type=number> to be displayed in vertical writing mode; but keep the spinner arrows arranged as for horizontal writing mode. r=dholbert
This commit is contained in:
parent
60c92f32e2
commit
59465b5dc6
@ -0,0 +1,8 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html style="writing-mode:vertical-lr;">
|
||||||
|
<body>
|
||||||
|
<input type="text" style="-moz-appearance:none; height:200px;" value="123">
|
||||||
|
<!-- div to cover spin box area -->
|
||||||
|
<div style="position:absolute; background-color:black; width:100px; height:200px; top:100px; left:0px;">
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,8 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html style="writing-mode:vertical-lr;">
|
||||||
|
<body>
|
||||||
|
<input type="number" style="-moz-appearance:none; height:200px;" value="123">
|
||||||
|
<!-- div to cover spin box area -->
|
||||||
|
<div style="position:absolute; background-color:black; width:100px; height:200px; top:100px; left:0px;">
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,8 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html style="writing-mode:vertical-rl;">
|
||||||
|
<body>
|
||||||
|
<input type="text" style="-moz-appearance:none; height:200px;" value="123">
|
||||||
|
<!-- div to cover spin box area -->
|
||||||
|
<div style="position:absolute; background-color:black; width:100px; height:200px; top:100px; right:0px;">
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,8 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html style="writing-mode:vertical-rl;">
|
||||||
|
<body>
|
||||||
|
<input type="number" style="-moz-appearance:none; height:200px;" value="123">
|
||||||
|
<!-- div to cover spin box area -->
|
||||||
|
<div style="position:absolute; background-color:black; width:100px; height:200px; top:100px; right:0px;">
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -10,6 +10,8 @@ skip-if(!Android&&!B2G&&!Mulet) == number-same-as-text-unthemed.html number-same
|
|||||||
# should look the same as type=text, except for the spin box
|
# should look the same as type=text, except for the spin box
|
||||||
== number-similar-to-text-unthemed.html number-similar-to-text-unthemed-ref.html
|
== number-similar-to-text-unthemed.html number-similar-to-text-unthemed-ref.html
|
||||||
== number-similar-to-text-unthemed-rtl.html number-similar-to-text-unthemed-rtl-ref.html
|
== number-similar-to-text-unthemed-rtl.html number-similar-to-text-unthemed-rtl-ref.html
|
||||||
|
pref(layout.css.vertical-text.enabled,true) == number-similar-to-text-unthemed-vertical-lr.html number-similar-to-text-unthemed-vertical-lr-ref.html
|
||||||
|
pref(layout.css.vertical-text.enabled,true) == number-similar-to-text-unthemed-vertical-rl.html number-similar-to-text-unthemed-vertical-rl-ref.html
|
||||||
|
|
||||||
# dynamic type changes:
|
# dynamic type changes:
|
||||||
fuzzy-if(/^Windows\x20NT\x205\.1/.test(http.oscpu),64,4) fuzzy-if(cocoaWidget,63,4) == to-number-from-other-type-unthemed-1.html to-number-from-other-type-unthemed-1-ref.html
|
fuzzy-if(/^Windows\x20NT\x205\.1/.test(http.oscpu),64,4) fuzzy-if(cocoaWidget,63,4) == to-number-from-other-type-unthemed-1.html to-number-from-other-type-unthemed-1-ref.html
|
||||||
|
@ -990,17 +990,24 @@ input[type=number]::-moz-number-text {
|
|||||||
}
|
}
|
||||||
|
|
||||||
input[type=number]::-moz-number-spin-box {
|
input[type=number]::-moz-number-spin-box {
|
||||||
|
writing-mode: horizontal-tb;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
%ifdef XP_WIN
|
%ifdef XP_WIN
|
||||||
/* The Window's Theme's spin buttons have a very narrow minimum width, so
|
/* The Window's Theme's spin buttons have a very narrow minimum width, so
|
||||||
* make it something reasonable:
|
* make it something reasonable:
|
||||||
* XXX What about vertical mode? How will the spin buttons be arranged?
|
|
||||||
* This may need to be adjusted when bug 1123299 is implemented.
|
|
||||||
*/
|
*/
|
||||||
width: 16px;
|
width: 16px;
|
||||||
%endif
|
%endif
|
||||||
height: 0;
|
/* If the spin-box has auto height, it ends up enlarging the default height
|
||||||
|
* of the control, so we limit it to 1em here. The height doesn't affect
|
||||||
|
* the rendering of the spinner-buttons; it's only for layout purposes.
|
||||||
|
*
|
||||||
|
* This is a temporary hack until we implement better positioning for the
|
||||||
|
* spin-box in vertical mode; it works OK at default size but less well
|
||||||
|
* if the font-size is made substantially larger or smaller. (Bug 1175074.)
|
||||||
|
*/
|
||||||
|
max-height: 1em;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
@ -8,7 +8,6 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
input[type="number"] {
|
input[type="number"] {
|
||||||
writing-mode: horizontal-tb !important; /* XXX remove when bug 1123299 is done */
|
|
||||||
-moz-appearance: number-input;
|
-moz-appearance: number-input;
|
||||||
/* Has to revert some properties applied by the generic input rule. */
|
/* Has to revert some properties applied by the generic input rule. */
|
||||||
-moz-binding: none;
|
-moz-binding: none;
|
||||||
|
Loading…
Reference in New Issue
Block a user