public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-16 19:21:52 +00:00
Code Issues Releases Wiki Activity

Inverted thumb order

Browse Source
This commit is contained in:
gregueiras
2018-11-29 12:12:14 +00:00
parent 33662974bf
commit ceed178061
1 changed files with 4 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
browser/main/modals/PreferencesModal/UiTab.js
View File

@@ -196,15 +196,7 @@ class UiTab extends React.Component {
const rangeSlider = document.getElementById(sliderID) const rangeSlider = document.getElementById(sliderID)
const rangeBullet = document.getElementById(bulletID) const rangeBullet = document.getElementById(bulletID)
let order
if (number === 1) {
order = 'Start:'
} else {
order = 'End:'
}
if (rangeSlider && rangeBullet) { if (rangeSlider && rangeBullet) {
rangeBullet.innerHTML = `${order}${this.formatTime(rangeSlider.value)}`
const bulletPosition = (rangeSlider.value / rangeSlider.max) const bulletPosition = (rangeSlider.value / rangeSlider.max)
rangeBullet.style.left = (bulletPosition * 574) + 6 * (1 - bulletPosition) + 'px' rangeBullet.style.left = (bulletPosition * 574) + 6 * (1 - bulletPosition) + 'px'
} }
@@ -284,13 +276,13 @@ class UiTab extends React.Component {
<div styleName='group-section'> <div styleName='group-section'>
<div styleName='container'> <div styleName='container'>
<div styleName='range-slider' id='firstRow'> <div styleName='range-slider' id='firstRow'>
<span id='rs-bullet-1' styleName='rs-label'>{`Start: ${this.formatTime(config.ui.scheduleStart)}`}</span> <span id='rs-bullet-1' styleName='rs-label'>{`End: ${this.formatTime(config.ui.scheduleEnd)}`}</span>
<input id='rs-range-line-1' styleName='rs-range' type='range' value={config.ui.scheduleStart} min='0' max='1440' step='5' ref='scheduleStart' <input id='rs-range-line-1' styleName='rs-range' type='range' value={config.ui.scheduleEnd} min='0' max='1440' step='5' ref='scheduleEnd'
onChange={(e) => this.handleSlider(e, 1)} /> onChange={(e) => this.handleSlider(e, 1)} />
</div> </div>
<div styleName='range-slider' id='secondRow'> <div styleName='range-slider' id='secondRow'>
<span id='rs-bullet-2' styleName='rs-label'>{`End: ${this.formatTime(config.ui.scheduleEnd)}`}</span> <span id='rs-bullet-2' styleName='rs-label'>{`Start: ${this.formatTime(config.ui.scheduleStart)}`}</span>
<input id='rs-range-line-2' styleName='rs-range' type='range' value={config.ui.scheduleEnd} min='0' max='1440' step='5' ref='scheduleEnd' <input id='rs-range-line-2' styleName='rs-range' type='range' value={config.ui.scheduleStart} min='0' max='1440' step='5' ref='scheduleStart'
onChange={(e) => this.handleSlider(e, 2)} /> onChange={(e) => this.handleSlider(e, 2)} />
</div> </div>
<div styleName='box-minmax'> <div styleName='box-minmax'>