AZEN-SGG/Kavita
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix alignment on collection details page

Browse source 
Fix overlap with manga reader in go-to-page dialog
This commit is contained in:
Amelia 2025-06-02 13:25:40 +02:00
parent 230777d119
commit c9f1e32c14
3 changed files with 10 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

5
UI/Web/src/app/book-reader/_components/book-reader/book-reader.component.ts
View file

@ -909,8 +909,9 @@ export class BookReaderComponent implements OnInit, AfterViewInit, OnDestroy {
async promptForPage() { async promptForPage() {
const promptConfig = {...this.confirmService.defaultPrompt}; const promptConfig = {...this.confirmService.defaultPrompt};
promptConfig.header = translate('book-reader.go-to-page'); // Pages are called sections in the UI, manga reader uses the go-to-page string so we use a different one here
promptConfig.content = translate('book-reader.go-to-page-prompt', {totalPages: this.maxPages - 1}); promptConfig.header = translate('book-reader.go-to-section');
promptConfig.content = translate('book-reader.go-to-section-prompt', {totalSections: this.maxPages - 1});
const goToPageNum = await this.confirmService.prompt(undefined, promptConfig); const goToPageNum = await this.confirmService.prompt(undefined, promptConfig);

2
UI/Web/src/app/collections/_components/collection-detail/collection-detail.component.html
View file

@ -11,7 +11,7 @@
<app-card-actionables [entity]="collectionTag" [disabled]="actionInProgress" [inputActions]="collectionTagActions" [labelBy]="collectionTag.title" iconClass="fa-ellipsis-v"></app-card-actionables> <app-card-actionables [entity]="collectionTag" [disabled]="actionInProgress" [inputActions]="collectionTagActions" [labelBy]="collectionTag.title" iconClass="fa-ellipsis-v"></app-card-actionables>
</h4> </h4>
} }
<h5 subtitle class="subtitle-with-actionables">{{t('item-count', {num: series.length})}}</h5> <h5 subtitle class="ms-2 subtitle-with-actionables">{{t('item-count', {num: series.length})}}</h5>
</ng-container> </ng-container>
</app-side-nav-companion-bar> </app-side-nav-companion-bar>
} }

8
UI/Web/src/assets/langs/en.json
View file

@ -861,7 +861,6 @@
"page-label": "Page", "page-label": "Page",
"pagination-header": "Section", "pagination-header": "Section",
"go-to-page": "Go to page",
"go-to-first-page": "Go to first page", "go-to-first-page": "Go to first page",
"go-to-last-page": "Go to last page", "go-to-last-page": "Go to last page",
"prev-page": "Prev Page", "prev-page": "Prev Page",
@ -883,7 +882,12 @@
"incognito-mode-label": "Incognito Mode", "incognito-mode-label": "Incognito Mode",
"next": "Next", "next": "Next",
"previous": "Previous", "previous": "Previous",
"go-to-page-prompt": "There are {{totalPages}} sections. What section do you want to go to?"
"go-to-page": "Go to page",
"go-to-page-prompt": "There are {{totalPages}} pages. What page do you want to go to?",
"go-to-section": "Go to section",
"go-to-section-prompt": "There are {{totalSections}} sections. What section do you want to go to?"
}, },
"personal-table-of-contents": { "personal-table-of-contents": {