Fit Split to Screen (#769)
* Updated readme with new host information and new feature site. * Implemented basic fit to screen splitting option for manga reader such that the reader will try to fit the whole cover on the screen via scaling it. Updated a bunch of defaults in the preferences to give a better experience for first installs. * Refactored the stat scheduling code slightly to clean it up and have better logging. * Replaced @import with @use to lower css bundling. * Changed up the defaults for the reading preferences to give a better experience. Fixed a duplicate render on automatic scaling due to emitting a valuechange with automatic scaling changing fit. Implemented basic form of fit to screen. Still needs some tweaking and optimization. * Update link to new feature server and update kavita homepage to use www. * Updated the serverInfo to match backend. Tweaked some of the css for the changelog * Added publish date for changelog * First page works except for tablet * I'm stumped, taking a break * Hide the arrow for nav events * Ensure specials in reading lists don't have their extensions visible * Testing out removing no-connection * Fixed a bug in infinite scroller where next chapter spacer when clicked would emit for prev chapter load. Fixed an issue where next/prev chapter loaders would execute when they shouldn't. * Fit Split is working in all cases as of this code. New optimization is still needed. * Fit to screen is now working well * Updated the bookmark effect to look much better * Updated new issue template to inform users to request features on our site. * Removed an empty migration
This commit is contained in:
parent
199398df95
commit
3bfbd042a8
31 changed files with 227 additions and 108 deletions
|
|
@ -1,8 +1,8 @@
|
|||
@import "../../../theme/colors";
|
||||
@use "../../../theme/colors";
|
||||
|
||||
.bulk-select {
|
||||
background-color: $dark-form-background-no-opacity;
|
||||
border-bottom: 2px solid $primary-color;
|
||||
background-color: colors.$dark-form-background-no-opacity;
|
||||
border-bottom: 2px solid colors.$primary-color;
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
|
@ -11,5 +11,5 @@
|
|||
}
|
||||
|
||||
.highlight {
|
||||
color: $primary-color !important;
|
||||
color: colors.$primary-color !important;
|
||||
}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@import '../../../theme/colors';
|
||||
@use '../../../theme/colors';
|
||||
$image-height: 230px;
|
||||
$image-width: 160px;
|
||||
|
||||
|
|
@ -14,7 +14,7 @@ $image-width: 160px;
|
|||
}
|
||||
|
||||
.selected {
|
||||
outline: 5px solid $primary-color;
|
||||
outline: 5px solid colors.$primary-color;
|
||||
outline-width: medium;
|
||||
outline-offset: -1px;
|
||||
}
|
||||
|
|
@ -22,7 +22,7 @@ $image-width: 160px;
|
|||
ngx-file-drop ::ng-deep > div {
|
||||
// styling for the outer drop box
|
||||
width: 100%;
|
||||
border: 2px solid $primary-color;
|
||||
border: 2px solid colors.$primary-color;
|
||||
border-radius: 5px;
|
||||
height: 100px;
|
||||
margin: auto;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue