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

Bugfix for overflow on long filenames with no spaces (#1349)

Browse source 
* Fixed Bug #403

. Fixed: Added word wrapping for long filenames with no spaces on headers that would cause info modal to overflow.

* Fixed Bug #403

. Fixed: Added word breaking for long filenames with no spaces which would cause volume info modal to overflow.

* Fixed Bug #403

Fixed: Added word breaking for long filenames with no spaces on headers, titles, and lists which would cause overflow.
Affected: Series Detail header, Edit Series modal title, and Volumes Info modal (View Files) modal.

* Removing some inline styles, moving style from global to component level

* whoops, forgot to remove inline

* Added word breaking and removed inline styles for headers

. Fixed: Card Detail, List Item

Co-authored-by: Robbie Davis <robbie@therobbiedavis.com>
This commit is contained in:
Marcelo Guimarães Junior 2022-07-12 05:58:42 -07:00 • committed by GitHub
parent b847d5d721
commit b727d119f1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 37 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
UI/Web/src/app/series-detail/series-detail.component.html
View file

@ -1,7 +1,7 @@
<div #companionBar>
<app-side-nav-companion-bar *ngIf="series !== undefined" [hasExtras]="true" [extraDrawer]="extrasDrawer">
<ng-container title>
<h2 style="margin-bottom: 0px">
<h2 class="title">
<app-card-actionables [disabled]="actionInProgress" (actionHandler)="performAction($event)" [actions]="seriesActions" [labelBy]="series.name" iconClass="fa-ellipsis-v"></app-card-actionables>
<span>{{series?.name}}</span>
</h2>

5
UI/Web/src/app/series-detail/series-detail.component.scss
View file

@ -27,3 +27,8 @@
position: relative;
overscroll-behavior-y: none;
}
.title, .subtitle-with-actionable {
word-break: break-all;
margin-bottom: 0;
}