2b57449a63
* Refactored the Font Escaping Regex with new unit tests. * Fonts are now properly escaped, somehow a regression was introduced. * Refactored most of the book page loading for the reader into the service. * Fixed a bug where going into fullscreen in non dark mode will cause the background of the reader to go black. Fixed a rendering issue with margin left/right screwing html up. Fixed an issue where line-height: 100% would break book's css, now we remove the styles if they are non-valuable. * Changed how I fixed the black mode in fullscreen * Fixed an issue where anchors wouldn't be colored blue in white mode * Fixed a bug in the code that checks if a filename is a cover where it would choose "backcover" as a cover, despite it not being a valid case. * Validate if ReleaseYear is a valid year and if not, set it to 0 to disable it. * Fixed an issue where some large images could blow out the screen when reading on mobile. Now images will force to be max of width of browser * Put my hack back in for fullscreen putting background color to black * Change forwarded headers from All to explicit names * Fixed an issue where Scheme was not https when it should have been. Now the browser will handle which scheme to request. * Cleaned up the user preferences to stack multiple controls onto one row * Fixed fullscreen scroll issue with progress, but now sticky top is missing. * Corrected the element on which we fullscreen
82 lines
No EOL
1.5 KiB
SCSS
82 lines
No EOL
1.5 KiB
SCSS
// Import colors for overrides of bootstrap theme
|
|
@import './theme/colors';
|
|
@import './theme/toastr';
|
|
|
|
// Bootstrap must be after _colors since we define the colors there
|
|
@import '~bootstrap/scss/bootstrap';
|
|
@import '~bootstrap/scss/mixins/_breakpoints.scss';
|
|
|
|
@import '~swiper/swiper.scss';
|
|
|
|
@import './assets/themes/dark.scss';
|
|
|
|
// Global Styles
|
|
button:disabled, .form-control:disabled, .form-control[readonly], .disabled, :disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
label, select, .clickable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.btn-primary {
|
|
color: white;
|
|
}
|
|
|
|
:root {
|
|
color-scheme: light;
|
|
}
|
|
|
|
// :root .bg-dark {
|
|
// color-scheme: dark;
|
|
// }
|
|
|
|
@font-face {
|
|
font-family: "EBGarmond";
|
|
src: url("assets/fonts/EBGarmond/EBGaramond-VariableFont_wght.ttf") format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Spartan";
|
|
src: url("assets/fonts/Spartan/Spartan-VariableFont_wght.ttf");
|
|
}
|
|
|
|
html, body { height: 100%; }
|
|
body {
|
|
margin: 0;
|
|
font-family: "EBGaramond", "Helvetica Neue", sans-serif;
|
|
}
|
|
|
|
|
|
.btn-icon {
|
|
cursor: pointer;
|
|
}
|
|
|
|
app-root {
|
|
background-color: inherit;
|
|
}
|
|
|
|
|
|
// Utiliities
|
|
@include media-breakpoint-down(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) {
|
|
.phone-hidden {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@include media-breakpoint-up(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) {
|
|
.not-phone-hidden {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@keyframes fadein {
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
}
|
|
|
|
// Debug styles
|
|
.redlines * {
|
|
outline: 1px solid red;
|
|
outline-offset: -1px;
|
|
} |