Backup_Repos/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2025-12-21 16:03:03 +01:00
Code Issues Projects Releases Wiki Activity

fix(webui): compute scrollability on mount, fix right chevron when using display scaling

Browse source
This commit is contained in:
Florian Böhm 2020-08-28 14:09:57 +02:00 committed by Gauthier
parent bddc008552
commit 8928959fdb
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
komga-webui/src/components/HorizontalScroller.vue
View file

@ -44,19 +44,20 @@ export default Vue.extend({
},
mounted () {
this.container = this.$refs[this.id] as HTMLElement
this.computeScrollability()
},
methods: {
computeScrollability () {
if (this.container !== undefined) {
this.canScrollLeft = this.container.scrollLeft > 0
this.canScrollRight = (this.container.scrollLeft + this.container.clientWidth) < this.container.scrollWidth
this.canScrollLeft = Math.round(this.container.scrollLeft) > 0
this.canScrollRight = (Math.round(this.container.scrollLeft) + this.container.clientWidth) < this.container.scrollWidth
}
},
doScroll (direction: string) {
if (this.container !== undefined) {
let target = this.container.scrollLeft + (this.container.clientWidth - this.adjustment)
let target = Math.round(this.container.scrollLeft) + (this.container.clientWidth - this.adjustment)
if (direction === 'left') {
target = this.container.scrollLeft - (this.container.clientWidth - this.adjustment)
target = Math.round(this.container.scrollLeft) - (this.container.clientWidth - this.adjustment)
}
const scrollMax = this.container.clientWidth
this.container.scrollTo({