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

Merge branch 'feature/pr-flush' of https://github.com/Kareadita/Kavita into feature/pr-flush

Browse source
This commit is contained in:
Joseph Milazzo 2024-12-08 10:56:03 -06:00
commit 2a43deea24
12 changed files with 79 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

4
UI/Web/src/app/_single-module/card-actionables/card-actionables.component.html
View file

@ -1,14 +1,14 @@
<ng-container *transloco="let t; read: 'actionable'">
@if (actions.length > 0) {
@if ((utilityService.activeBreakpoint$ | async)! <= Breakpoint.Tablet) {
<button [disabled]="disabled" class="btn {{btnClass}}" id="actions-{{labelBy}}"
<button [disabled]="disabled" class="btn {{btnClass}} px-3" id="actions-{{labelBy}}"
(click)="openMobileActionableMenu($event)">
{{label}}
<i class="fa {{iconClass}}" aria-hidden="true"></i>
</button>
} @else {
<div ngbDropdown container="body" class="d-inline-block">
<button [disabled]="disabled" class="btn {{btnClass}}" id="actions-{{labelBy}}" ngbDropdownToggle
<button [disabled]="disabled" class="btn {{btnClass}} px-3" id="actions-{{labelBy}}" ngbDropdownToggle
(click)="preventEvent($event)">
{{label}}
<i class="fa {{iconClass}}" aria-hidden="true"></i>

2
UI/Web/src/app/_single-module/review-card/review-card.component.html
View file

@ -16,7 +16,7 @@
{{review.isExternal ? t('external-review') : t('local-review')}}
</h6>-->
<p class="card-text no-images">
<app-read-more [text]="(review.isExternal ? review.bodyJustText : review.body) || ''" [maxLength]="150" [showToggle]="false"></app-read-more>
<app-read-more [text]="(review.isExternal ? review.bodyJustText : review.body) || ''" [maxLength]="140" [showToggle]="false"></app-read-more>
</p>
</div>
</div>

2
UI/Web/src/app/app.component.scss
View file

@ -7,7 +7,7 @@
.companion-bar {
transition: all var(--side-nav-companion-bar-transistion);
margin-left: 60px;
margin-left: 45px;
overflow-y: hidden;
overflow-x: hidden;
height: calc(var(--vh)* 100 - var(--nav-mobile-offset));

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

@ -85,7 +85,7 @@
</div>
<div class="mt-2 mb-3">
<app-read-more [text]="chapter.summary || ''" [maxLength]="utilityService.getActiveBreakpoint() >= Breakpoint.Desktop ? 585 : 250"></app-read-more>
<app-read-more [text]="chapter.summary || ''" [maxLength]="utilityService.getActiveBreakpoint() >= Breakpoint.Desktop ? 170 : 200"></app-read-more>
</div>
<div class="mt-2">

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

@ -41,7 +41,7 @@
<div class="col-md-10 col-xs-8 col-sm-6 mt-2">
@if (summary.length > 0) {
<div class="mb-2">
<app-read-more [text]="summary" [maxLength]="(utilityService.activeBreakpoint$ | async)! >= Breakpoint.Desktop ? 585 : 200"></app-read-more>
<app-read-more [text]="summary" [maxLength]="(utilityService.activeBreakpoint$ | async)! >= Breakpoint.Desktop ? 170 : 200"></app-read-more>
</div>
@if (collectionTag.source !== ScrobbleProvider.Kavita) {

4
UI/Web/src/app/reading-list/_components/reading-list-detail/reading-list-detail.component.html
View file

@ -124,8 +124,8 @@
<!-- Summary row-->
<div class="row g-0 mt-2">
<app-read-more [text]="readingListSummary" [maxLength]="(utilityService.activeBreakpoint$ | async)! >= Breakpoint.Desktop ? 585 : 200"></app-read-more>
<div class="row g-0 my-2">
<app-read-more [text]="readingListSummary" [maxLength]="(utilityService.activeBreakpoint$ | async)! >= Breakpoint.Desktop ? 170 : 200"></app-read-more>
</div>
@if (characters$ | async; as characters) {

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

@ -109,7 +109,7 @@
</div>
<div class="mt-2 mb-3">
<app-read-more [text]="seriesMetadata.summary || ''" [maxLength]="(utilityService.activeBreakpoint$ | async)! >= Breakpoint.Desktop ? 585 : 200"></app-read-more>
<app-read-more [text]="seriesMetadata.summary || ''" [maxLength]="(utilityService.activeBreakpoint$ | async)! >= Breakpoint.Desktop ? 170 : 200"></app-read-more>
</div>
<div class="mt-2 upper-details">

7
UI/Web/src/app/shared/read-more/read-more.component.scss
View file

@ -1,3 +1,5 @@
@import "../../../theme/variables";
.blur-text {
color: transparent;
text-shadow: 0 0 5px var(--body-text-color);
@ -8,5 +10,10 @@
div {
word-break: break-word;
max-width: 75ch;
@media (max-width: $grid-breakpoints-sm) {
max-width: 50ch;
}
}
}

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

@ -89,7 +89,7 @@
</div>
<div class="mt-2 mb-3">
<app-read-more [text]="volume.chapters[0].summary || ''" [maxLength]="utilityService.getActiveBreakpoint() >= Breakpoint.Desktop ? 585 : 250"></app-read-more>
<app-read-more [text]="volume.chapters[0].summary || ''" [maxLength]="utilityService.getActiveBreakpoint() >= Breakpoint.Desktop ? 170 : 200"></app-read-more>
</div>
<div class="mt-2">

31
UI/Web/src/theme/components/_sidenav.scss
View file

@ -12,6 +12,7 @@
border-radius: var(--side-nav-border-radius);
transition: width var(--side-nav-openclose-transition), background-color var(--side-nav-bg-color-transition), border-color var(--side-nav-border-transition);
border: var(--side-nav-border);
overflow: hidden;
&::-webkit-scrollbar {
visibility: hidden;
@ -27,7 +28,7 @@
}
//START closed state of the sidebar
&.closed {
width: 4.0625rem;
width: 2.825rem;
overflow-x: hidden;
overflow-y: hidden;
background-color: var(--side-nav-closed-bg-color);
@ -49,11 +50,6 @@
opacity: 0;
}
.side-nav-text {
opacity: 0;
display: none;
}
.card-actions {
opacity: 0;
display: none;
@ -64,7 +60,7 @@
//END closed state of the sidebar
//START sidebar
.side-nav {
overflow-y: hidden;
overflow: hidden;
height: 100%;
scrollbar-gutter: stable;
scrollbar-width: thin;
@ -73,7 +69,7 @@
position: relative;
align-items: center;
display: flex;
justify-content: space-between;
justify-content: start;
width: 100%;
height: auto;
min-height: 2.6rem;
@ -89,6 +85,7 @@
&:first-of-type {
text-align: center;
width: 2.5rem;
min-width: 2.5rem;
margin-left: 0.3rem;
}
@ -101,7 +98,7 @@
align-items: center;
height: 100%;
justify-content: inherit;
width: 100%;
padding: 0 0.625rem;
i {
font-size: var(--side-nav-icon-size);
@ -291,10 +288,6 @@
.side-nav-item {
width: 100%;
padding: 0;
display: block;
line-height: 2.5rem;
text-align: center;
min-height: unset;
color: var(--side-nav-item-closed-color);
&:hover {
@ -317,11 +310,13 @@
margin: 0;
left: 0;
top: 0;
transition: width var(--side-nav-openclose-transition);
transition: width var(--side-nav-openclose-transition), visibility var(--side-nav-openclose-transition);
z-index: 1050;
overflow-x: hidden;
overflow-y: auto;
border: var(--side-nav-mobile-border);
border-radius: 0rem;
visibility: visible;
&.preference {
background-color: unset;
@ -349,8 +344,10 @@
&.closed {
width: 0;
background-color: var(--side-nav-mobile-bg-color);
overflow: hidden;
box-shadow: none;
visibility: hidden;
}
.side-nav {
@ -383,9 +380,13 @@
left: 0;
top: 0;
z-index: 1041;
visibility: visible;
opacity: 1;
transition: visibility var(--side-nav-openclose-transition), opacity var(--side-nav-openclose-transition);
&.closed {
display: none;
visibility: hidden;
opacity: 0;
}
}
}