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

Polish Part 3 (#2424)

Browse source
This commit is contained in:
Joe Milazzo 2023-11-10 07:56:30 -06:00 • committed by GitHub
parent a018d6828e
commit 944830ca73
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
62 changed files with 518 additions and 493 deletions
Download patch file Download diff file Expand all files Collapse all files

4
UI/Web/src/app/cards/cover-image-chooser/cover-image-chooser.component.html
View file

@ -52,7 +52,7 @@
</form>
<div class="row g-0 chooser" style="padding-top: 10px">
<div class="image-card col-auto"
<div class="clickable col-auto"
*ngIf="showReset" tabindex="0" (click)="reset()"
[ngClass]="{'selected': !showApplyButton && selectedIndex === -1}">
<app-image class="card-img-top" [title]="t('reset-cover-tooltip')" height="230px" width="158px" [imageUrl]="imageService.resetCoverImage"></app-image>
@ -62,7 +62,7 @@
</ng-container>
</div>
<div class="image-card col-auto"
<div class="clickable col-auto"
*ngFor="let url of imageUrls; let idx = index;" tabindex="0" [attr.aria-label]="t('image-num', {num: idx + 1})" (click)="selectImage(idx)"
[ngClass]="{'selected': !showApplyButton && selectedIndex === idx}">
<app-image class="card-img-top" height="230px" width="158px" [imageUrl]="url" [processEvents]="idx > 0"></app-image>

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

@ -7,9 +7,6 @@ $image-width: 160px;
max-height: $image-height;
}
.image-card {
cursor: pointer;
}
.selected {
outline: 5px solid var(--primary-color);
@ -38,4 +35,4 @@ ngx-file-drop ::ng-deep > div {
display: inline-block;
}
}
}