Patrick Loser
c3c891cea0
* enable predictive back gesture * upgrade to rn 85 * remove deprecated * added timeout to theme switch * fix plugin items hit registration * fix SearchbarV2 hit registration * fix loading spinner * migrated to expo * migrated to expo * Fix reader footer animation * working again * added icons back * added splashscreen * clean up * nitro epub * fix * remove .env.local from git tracking * fix rn background actions not working * moving custom permissions to app.json * more cleanup * fix epub import * remove unused deps * Further cleanup for gradle build types * Update build.yml * ignore android/ and ios/ as they are generated by CNG * fix lint * Delete ios directory * Delete android directory * fix lint * fix test mocks * update packages * update eslint * fix ThemeProvider placement * fix test and lint * Add BackgroundTask native module * Add NativeFile changes * first round of fixing compatibility issues * added types for native modules
152 lines
2.8 KiB
CSS
152 lines
2.8 KiB
CSS
#ToolWrapper {
|
|
position: fixed;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
right: 5vw;
|
|
transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
z-index: 9999999;
|
|
}
|
|
|
|
#ToolWrapper.horizontal {
|
|
top: unset;
|
|
right: unset;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
bottom: 120px;
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
align-items: center;
|
|
}
|
|
|
|
@media only screen and (min-width: 500px) {
|
|
#ToolWrapper.horizontal {
|
|
bottom: 80px;
|
|
}
|
|
}
|
|
|
|
#ToolWrapper.hidden {
|
|
opacity: 0;
|
|
right: 0;
|
|
transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
|
|
#ToolWrapper.hidden.horizontal {
|
|
opacity: 0;
|
|
bottom: 80px;
|
|
right: unset;
|
|
}
|
|
|
|
#ToolWrapper > #ScrollBar {
|
|
margin-top: 8px;
|
|
width: 2.4rem;
|
|
height: 50vh;
|
|
min-height: 200px;
|
|
border-radius: 1.2rem;
|
|
background-color: var(--theme-surface-0-9);
|
|
touch-action: none;
|
|
font-size: 14px;
|
|
user-select: none;
|
|
}
|
|
|
|
#ScrollBar > .scrollbar-item {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: var(--theme-onSurface);
|
|
}
|
|
|
|
#ScrollBar > .scrollbar-item.scrollbar-text {
|
|
height: 12.5%;
|
|
}
|
|
|
|
#ScrollBar > .scrollbar-item#scrollbar-slider {
|
|
height: 75%;
|
|
align-items: unset;
|
|
}
|
|
|
|
#ScrollBar #scrollbar-track {
|
|
width: 0.1rem;
|
|
height: 100%;
|
|
background-color: var(--theme-outline);
|
|
}
|
|
|
|
#ScrollBar #scrollbar-progress {
|
|
width: 100%;
|
|
height: 0;
|
|
background-color: var(--theme-primary);
|
|
}
|
|
|
|
#ScrollBar #scrollbar-thumb-wrapper {
|
|
position: relative;
|
|
top: 100%;
|
|
height: 2rem;
|
|
width: 2rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transform: translate(-0.95rem, -1rem);
|
|
}
|
|
|
|
#ScrollBar #scrollbar-thumb {
|
|
top: 100%;
|
|
height: 1rem;
|
|
width: 1rem;
|
|
border-radius: 100%;
|
|
background-color: var(--theme-primary);
|
|
}
|
|
|
|
#ToolWrapper.horizontal > #ScrollBar {
|
|
display: flex;
|
|
width: 95.5vw;
|
|
height: 2.4rem;
|
|
min-height: unset;
|
|
align-items: center;
|
|
margin-top: unset;
|
|
}
|
|
|
|
#ToolWrapper.horizontal > #ScrollBar > .scrollbar-item {
|
|
display: flex;
|
|
justify-content: center;
|
|
color: var(--theme-onSurface);
|
|
}
|
|
|
|
#ToolWrapper.horizontal > #ScrollBar > .scrollbar-item.scrollbar-text {
|
|
width: 12.5%;
|
|
}
|
|
|
|
#ToolWrapper.horizontal > #ScrollBar > .scrollbar-item#scrollbar-slider {
|
|
width: 75%;
|
|
align-items: center;
|
|
}
|
|
|
|
#ToolWrapper.horizontal > #ScrollBar #scrollbar-track {
|
|
height: 0.1rem;
|
|
width: 100%;
|
|
background-color: var(--theme-outline);
|
|
}
|
|
|
|
#ToolWrapper.horizontal > #ScrollBar #scrollbar-progress {
|
|
height: 100%;
|
|
width: 0;
|
|
background-color: var(--theme-primary);
|
|
}
|
|
|
|
#ToolWrapper.horizontal > #ScrollBar #scrollbar-thumb-wrapper {
|
|
position: relative;
|
|
left: 100%;
|
|
height: 2rem;
|
|
width: 2rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transform: translate(-0.95rem, -1rem);
|
|
}
|
|
|
|
#ToolWrapper.horizontal > #ScrollBar #scrollbar-thumb {
|
|
top: 100%;
|
|
height: 1rem;
|
|
width: 1rem;
|
|
border-radius: 100%;
|
|
background-color: var(--theme-primary);
|
|
}
|