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

Miscellaneous styling fixes (#1374)

Browse source 
* Fixing up modal and cover selector

* adding code for card image

* fixing placeholder border

* Fixing placeholder issue

* Fixing drop down z-index

* Updating reading list
This commit is contained in:
Robbie Davis 2022-07-13 17:50:15 -04:00 • committed by GitHub
parent 2f48360d47
commit e3974e64af
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 70 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

2
UI/Web/src/app/cards/_modals/edit-series-modal/edit-series-modal.component.html
View file

@ -1,4 +1,4 @@
<div *ngIf="series !== undefined">
<div class="modal-container" *ngIf="series !== undefined">
<div class="modal-header">
<h4 class="modal-title">
{{this.series.name}} Details</h4>

4
UI/Web/src/app/cards/_modals/edit-series-modal/edit-series-modal.component.scss
View file

@ -1,5 +1,5 @@
.scrollable-modal {
max-height: 90vh; // 600px
max-height: calc(var(--vh) * 100 - 198px); // 600px
overflow: auto;
}
@ -8,4 +8,4 @@
background-color: var(--primary-color);
color: white;
}
}
}

1
UI/Web/src/app/cards/card-detail-drawer/card-detail-drawer.component.ts
View file

@ -109,6 +109,7 @@ export class CardDetailDrawerComponent implements OnInit, OnDestroy {
}
ngOnInit(): void {
this.imageUrls = this.chapters.map(c => this.imageService.getChapterCoverImage(c.id));
this.isChapter = this.utilityService.isChapter(this.data);
this.chapter = this.utilityService.isChapter(this.data) ? (this.data as Chapter) : (this.data as Volume).chapters[0];

8
UI/Web/src/app/cards/cover-image-chooser/cover-image-chooser.component.scss
View file

@ -8,7 +8,6 @@ $image-width: 160px;
}
.image-card {
margin: 10px;
cursor: pointer;
}
@ -18,6 +17,13 @@ $image-width: 160px;
outline-offset: -1px;
}
.chooser {
display: grid;
grid-template-columns: repeat(auto-fill, 158px);
grid-gap: 0.5rem;
justify-content: space-around;
}
ngx-file-drop ::ng-deep > div {
// styling for the outer drop box
width: 100%;