booklore-app/booklore
1
0
Fork 0
mirror of https://github.com/booklore-app/booklore.git synced 2026-02-18 00:17:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix column gap +/- buttons using wrong scale and units in settings (#2775) (#2780)

Browse Source
This commit is contained in:
ACX
2026-02-17 15:31:56 -07:00
committed by GitHub
parent dd988976dd
commit cd7b2eb154
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
booklore-ui/src/app/features/settings/reader-preferences/epub-reader-preferences/epub-reader-preferences-component.html
View File

@@ -245,7 +245,7 @@
<label class="setting-label">{{ t('columnGap') }}</label>
<div class="font-size-controls">
<p-button icon="pi pi-minus" size="small" rounded outlined (click)="decreaseGap()"></p-button>
<span class="font-size-value">{{ gap }}px</span>
<span class="font-size-value">{{ gap * 100 | number : '1.0-0' }}%</span>
<p-button icon="pi pi-plus" size="small" rounded outlined (click)="increaseGap()"></p-button>
</div>
</div>

13
booklore-ui/src/app/features/settings/reader-preferences/epub-reader-preferences/epub-reader-preferences-component.ts
View File

@@ -1,3 +1,4 @@
import {DecimalPipe} from '@angular/common';
import {Component, inject, Input, OnDestroy, OnInit} from '@angular/core';
import {Button} from 'primeng/button';
import {FormsModule} from '@angular/forms';
@@ -16,6 +17,7 @@ import {themes} from '../../../readers/ebook-reader/state/themes.constant';
selector: 'app-epub-reader-preferences-component',
imports: [
Button,
DecimalPipe,
FormsModule,
TranslocoDirective,
Tooltip,
@@ -249,25 +251,26 @@ export class EpubReaderPreferencesComponent implements OnInit, OnDestroy {
increaseLineHeight() {
if (this.lineHeight < 3) {
this.lineHeight += 0.1;
this.lineHeight = Math.round((this.lineHeight + 0.1) * 10) / 10;
}
}
decreaseLineHeight() {
if (this.lineHeight > 1) {
this.lineHeight -= 0.1;
this.lineHeight = Math.round((this.lineHeight - 0.1) * 10) / 10;
}
}
increaseGap() {
if (this.gap < 100) {
this.gap += 5;
if (this.gap < 0.5) {
this.gap = Math.round((this.gap + 0.05) * 100) / 100;
}
}
decreaseGap() {
if (this.gap > 0) {
this.gap -= 5;
this.gap = Math.round((this.gap - 0.05) * 100) / 100;
}
}