Rollup merge of #99810 - GuillaumeGomez:fix-settings-slider-small-width, r=notriddle
Fix settings slider on small width screens Fixes #99794. Screenshot of the fix:  cc `````@jsha````` r? `````@notriddle`````
This commit is contained in:
commit
3c4a66d04e
@ -41,9 +41,7 @@
|
||||
|
||||
.toggle {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 27px;
|
||||
margin-right: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -58,6 +56,7 @@
|
||||
.slider {
|
||||
position: relative;
|
||||
width: 45px;
|
||||
min-width: 45px;
|
||||
display: block;
|
||||
height: 28px;
|
||||
margin-right: 20px;
|
||||
|
@ -147,3 +147,12 @@ assert-false: "noscript section"
|
||||
javascript: false
|
||||
reload:
|
||||
assert-css: ("noscript section", {"display": "block"})
|
||||
javascript: true
|
||||
|
||||
// Check for the display on small screen
|
||||
show-text: true
|
||||
reload:
|
||||
size: (300, 1000)
|
||||
click: "#settings-menu"
|
||||
wait-for: "#settings"
|
||||
assert-css: ("#settings .slider", {"width": "45px"}, ALL)
|
||||
|
Loading…
x
Reference in New Issue
Block a user