CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-02-12 16:52:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make background filter option sliders full width

Browse Source
This commit is contained in:
Quincy Morgan
2020-09-11 15:06:01 -04:00
parent 0bfc154b74
commit 54818a3b3d
2 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
css/80_app.css
View File

@@ -3546,10 +3546,14 @@ li.issue-fix-item:not(.actionable) .fix-icon {
margin: 5px;
}
.display-control .control-wrap {
display: flex;
align-items: center;
width: 100%;
}
.display-control .display-option-input {
height: 20px;
width: 155px;
max-width: 100%;
flex: 1 1 100%;
}
.display-control button {
@@ -3559,6 +3563,7 @@ li.issue-fix-item:not(.actionable) .fix-icon {
margin-right: 0px;
vertical-align: text-bottom;
border-radius: 4px;
flex: 0 0 auto;
}
.ideditor[dir='rtl'] .display-control button {
margin-left: 0px;

8
modules/ui/sections/background_display_options.js
View File

@@ -74,7 +74,11 @@ export function uiSectionBackgroundDisplayOptions(context) {
.append('span')
.attr('class', function(d) { return 'display-option-value display-option-value-' + d; });
slidersEnter
var sildersControlEnter = slidersEnter
.append('div')
.attr('class', 'control-wrap');
sildersControlEnter
.append('input')
.attr('class', function(d) { return 'display-option-input display-option-input-' + d; })
.attr('type', 'range')
@@ -86,7 +90,7 @@ export function uiSectionBackgroundDisplayOptions(context) {
updateValue(d, val);
});
slidersEnter
sildersControlEnter
.append('button')
.attr('title', t('background.reset'))
.attr('class', function(d) { return 'display-option-reset display-option-reset-' + d; })