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

Library Recomendations (#1236)

Browse source 
* Updated cover regex for finding cover images in archives to ignore back_cover or back-cover

* Fixed an issue where Tags wouldn't save due to not pulling them from the DB.

* Refactored All series to it's own lazy loaded module

* Modularized Dashboard and library detail. Had to change main dashboard page to be libraries. Subject to change.

* Refactored login component into registration module

* Series Detail module created

* Refactored nav stuff into it's own module, not lazy loaded, but self contained.

* Refactored theme component into a dev only module so we don't incur load for temp testing modules

* Finished off modularization code. Only missing thing is to re-introduce some dashboard functionality for library view.

* Implemented a basic recommendation page for library detail
This commit is contained in:
Joseph Milazzo 2022-04-29 17:27:01 -05:00 • committed by GitHub
parent 743a3ba935
commit f237aa7ab7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
77 changed files with 1077 additions and 501 deletions
Download patch file Download diff file Expand all files Collapse all files

48
UI/Web/src/app/sidenav/side-nav-item/side-nav-item.component.scss
View file

@ -107,46 +107,46 @@ a {
@media (max-width: 576px) {
.side-nav-item {
align-items: center;
display: flex;
justify-content: space-between;
//display: flex;
//justify-content: space-between;
padding: 15px 10px;
width: 100%;
//width: 100%;
height: 70px;
min-height: 40px;
overflow: hidden;
//min-height: 40px;
// overflow: hidden;
font-size: 1rem;
cursor: pointer;
//cursor: pointer;
.side-nav-text {
padding-left: 10px;
opacity: 1;
min-width: 100px;
// padding-left: 10px;
// opacity: 1;
// min-width: 100px;
width: 100%;
div {
min-width: 102px;
width: 100%
}
// div {
// min-width: 102px;
// width: 100%
// }
}
&.closed {
.side-nav-text {
opacity: 0;
}
// .side-nav-text {
// opacity: 0;
// }
.card-actions {
opacity: 0;
font-size: inherit
//opacity: 0;
font-size: inherit;
}
}
span {
&:last-child {
flex-grow: 1;
justify-content: end;
}
}
// span {
// &:last-child {
// flex-grow: 1;
// justify-content: end;
// }
// }
}
}

2
UI/Web/src/app/sidenav/side-nav/side-nav.component.html
View file

@ -7,7 +7,7 @@
</ng-container>
</app-side-nav-item> -->
<app-side-nav-item icon="fa-home" title="Home" link="/library/"></app-side-nav-item>
<app-side-nav-item icon="fa-home" title="Home" link="/libraries/"></app-side-nav-item>
<app-side-nav-item icon="fa-list" title="Collections" link="/collections/"></app-side-nav-item>
<app-side-nav-item icon="fa-list-ol" title="Reading Lists" link="/lists/"></app-side-nav-item>
<app-side-nav-item icon="fa-bookmark" title="Bookmarks" link="/bookmarks/"></app-side-nav-item>

4
UI/Web/src/app/sidenav/side-nav/side-nav.component.scss
View file

@ -25,7 +25,7 @@
border: var(--side-nav-border-closed);
}
.side-nav-item:first() {
.side-nav-item:first {
border-top-left-radius: var(--side-nav-border-radius);
border-top-right-radius: var(--side-nav-border-radius);
}
@ -52,7 +52,7 @@
box-shadow: none;
}
.side-nav-item:first() {
.side-nav-item:first {
border-top-left-radius: var(--side-nav-border-radius);
border-top-right-radius: var(--side-nav-border-radius);
}