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
|
|
@ -5,4 +5,5 @@ export interface UpdateVersionEvent {
|
|||
updateTitle: string;
|
||||
updateUrl: string;
|
||||
isDocker: boolean;
|
||||
publishDate: string;
|
||||
}
|
||||
|
|
@ -1,5 +1,18 @@
|
|||
export enum PageSplitOption {
|
||||
/**
|
||||
* Renders the left side of the image then the right side
|
||||
*/
|
||||
SplitLeftToRight = 0,
|
||||
/**
|
||||
* Renders the right side of the image then the left side
|
||||
*/
|
||||
SplitRightToLeft = 1,
|
||||
NoSplit = 2
|
||||
/**
|
||||
* Don't split and show the image in original size
|
||||
*/
|
||||
NoSplit = 2,
|
||||
/**
|
||||
* Don't split and scale the image to fit screen space
|
||||
*/
|
||||
FitSplit = 3
|
||||
}
|
||||
|
|
|
|||
|
|
@ -26,5 +26,5 @@ export interface Preferences {
|
|||
|
||||
export const readingDirections = [{text: 'Left to Right', value: ReadingDirection.LeftToRight}, {text: 'Right to Left', value: ReadingDirection.RightToLeft}];
|
||||
export const scalingOptions = [{text: 'Automatic', value: ScalingOption.Automatic}, {text: 'Fit to Height', value: ScalingOption.FitToHeight}, {text: 'Fit to Width', value: ScalingOption.FitToWidth}, {text: 'Original', value: ScalingOption.Original}];
|
||||
export const pageSplitOptions = [{text: 'Right to Left', value: PageSplitOption.SplitRightToLeft}, {text: 'Left to Right', value: PageSplitOption.SplitLeftToRight}, {text: 'No Split', value: PageSplitOption.NoSplit}];
|
||||
export const pageSplitOptions = [{text: 'Fit to Screen', value: PageSplitOption.FitSplit}, {text: 'Right to Left', value: PageSplitOption.SplitRightToLeft}, {text: 'Left to Right', value: PageSplitOption.SplitLeftToRight}, {text: 'No Split', value: PageSplitOption.NoSplit}];
|
||||
export const readingModes = [{text: 'Left to Right', value: READER_MODE.MANGA_LR}, {text: 'Up to Down', value: READER_MODE.MANGA_UD}, {text: 'Webtoon', value: READER_MODE.WEBTOON}];
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue