Bug 1583660 - Reinstate default background color / size for -moz-range-track on Android. r=jwatt

This reverts the changes from bug 1481593 / bug 1317870 which broke
the default rendering on Android only (since it doesn't have
a native theme for <input type=range>).

Differential Revision: https://phabricator.services.mozilla.com/D47345

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Mats Palmgren 2019-10-02 21:04:32 +00:00
Родитель 47380e1a34
Коммит 6ccb338227
4 изменённых файлов: 67 добавлений и 0 удалений

Просмотреть файл

@ -58,3 +58,4 @@ skip-if(Android) == range-border-background.html range-border-background-ref.htm
== auto-size.html auto-size-ref.html
== range-track-bg.html range-track-bg-ref.html
!= track-default-rendering.html track-default-rendering-ref.html

Просмотреть файл

@ -0,0 +1,25 @@
<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1524573 -->
<html><head>
<meta charset="utf-8">
<title>Testcase for bug 1583660</title>
<style>
input::-moz-range-thumb {
visibility:hidden;
}
input::-moz-range-track {
background: transparent;
}
</style>
</head>
<body>
<input type=range>
<input type=range orient=vertical>
</body>
</html>

Просмотреть файл

@ -0,0 +1,22 @@
<!DOCTYPE HTML>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1524573 -->
<html><head>
<meta charset="utf-8">
<title>Testcase for bug 1583660</title>
<style>
input::-moz-range-thumb {
visibility:hidden;
}
</style>
</head>
<body>
<input type=range>
<input type=range orient=vertical>
</body>
</html>

Просмотреть файл

@ -296,6 +296,25 @@ button:-moz-native-anonymous.datetime-reset-button {
display: none;
}
input[type=range]::-moz-range-track {
background-color: #999;
}
input[type=range][orient=block]::-moz-range-track {
inline-size: 0.2em;
block-size: 100%;
}
input[type=range][orient=horizontal]::-moz-range-track {
width: 100%;
height: 0.2em;
}
input[type=range][orient=vertical]::-moz-range-track {
width: 0.2em;
height: 100%;
}
/* Override accessiblecaret css in layout/style/ua.css */
div:-moz-native-anonymous.moz-accessiblecaret > #text-overlay,
div:-moz-native-anonymous.moz-accessiblecaret > #image {