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

* 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

View file

@ -2,6 +2,7 @@
color: var(--list-group-item-text-color);
background-color: var(--list-group-item-bg-color);
border-color: var(--list-group-item-border-color);
word-break: break-all;
&:hover {
color: var(--list-group-hover-text-color);

View file

@ -5,4 +5,8 @@
.modal-content {
background-color: var(--bs-body-bg);
color: var(--body-text-color);
}
}
.modal-title {
word-break: break-all;
}