Commit 90e93ba7 authored by Thomas Rientjes's avatar Thomas Rientjes
Browse files

Tie events to security slider labels

parent c910d7b2
......@@ -90,6 +90,8 @@ a {
.slider-legend-item {
color: #999;
margin-bottom: -26px;
padding-bottom: 26px;
text-align: center;
width: 85px;
}
......
......@@ -32,9 +32,9 @@
<input class="slider-input" type="range" max="2" value="0" data-setting-id="security_level">
<div class="slider-legend">
<div class="slider-legend-item" data-active-if="security_level:0" data-l10n-id="standard_label"></div>
<div class="slider-legend-item" data-active-if="security_level:1" data-l10n-id="safer_label"></div>
<div class="slider-legend-item" data-active-if="security_level:2" data-l10n-id="safest_label"></div>
<div class="slider-legend-item" data-active-if="security_level:0" data-l10n-id="standard_label" onclick="document.querySelector('[data-setting-id=security_level]').value = 0; document.querySelector('[data-setting-id=security_level]').dispatchEvent(new Event('change'));"></div>
<div class="slider-legend-item" data-active-if="security_level:1" data-l10n-id="safer_label" onclick="document.querySelector('[data-setting-id=security_level]').value = 1; document.querySelector('[data-setting-id=security_level]').dispatchEvent(new Event('change'));"></div>
<div class="slider-legend-item" data-active-if="security_level:2" data-l10n-id="safest_label" onclick="document.querySelector('[data-setting-id=security_level]').value = 2; document.querySelector('[data-setting-id=security_level]').dispatchEvent(new Event('change'));"></div>
</div>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment