mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 1572923 - Add default size for vertical range input ::-moz-range-track pseudo. r=emilio 

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

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Mats Palmgren 2019-08-23 21:54:43 +00:00
Родитель 3e05e8ace5
Коммит a9c174c337
4 изменённых файлов: 32 добавлений и 1 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

16
layout/reftests/forms/input/range/range-track-bg-ref.html Normal file
Просмотреть файл

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<style>
input[orient="horizontal"]::-moz-range-track {
background-color: green;
block-size: 0.2em;
inline-size: 100%;
}
input[orient="vertical"]::-moz-range-track {
background-color: green;
inline-size: 0.2em;
block-size: 100%;
}
</style>
<input type="range" orient="horizontal">
<input type="range" orient="vertical">

9
layout/reftests/forms/input/range/range-track-bg.html Normal file
Просмотреть файл

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<style>
input::-moz-range-track {
background-color: green;
}
</style>
<input type="range">
<input type="range" orient="vertical">

1
layout/reftests/forms/input/range/reftest.list
Просмотреть файл

@ -57,3 +57,4 @@ skip-if(Android) == range-border-background.html range-border-background-ref.htm
== range-percent-intrinsic-size-2b.html range-percent-intrinsic-size-2b-ref.html
== auto-size.html auto-size-ref.html
== range-track-bg.html range-track-bg-ref.html

7
layout/style/res/forms.css
Просмотреть файл

@ -917,11 +917,16 @@ input[type=range]::-moz-range-track {
position: static !important;
writing-mode: unset !important;
direction: unset !important;
block-size: 0.2em;
block-size: 0.2em; /* same as inline-size below */
/* Prevent nsFrame::HandlePress setting mouse capture to this element. */
user-select: none !important;
}
input[type=range][orient=vertical]::-moz-range-track {
inline-size: 0.2em; /* same as block-size above */
block-size: 100%;
}
/**
* Layout handles positioning of this pseudo-element specially (so that content
* authors can concentrate on styling this pseudo-element without worrying