mirror of
https://github.com/Kareadita/Kavita.git
synced 2026-03-24 18:51:05 -04:00
e9ec6671d5
# Added - Added: Added the ability to bookmark certain pages within the manga (image) reader and later download them from the series context menu. # Fixed - Fixed: Fixed an issue where after adding a new folder to an existing library, a scan wouldn't be kicked off - Fixed: In some cases, after clicking the background of a modal, the modal would close, but state wouldn't be handled as if cancel was pushed # Changed - Changed: Admin contextual actions on cards will now be separated by a line to help differentiate. - Changed: Performance enhancement on an API used before reading # Dev - Bumped dependencies to latest versions ============================================= * Bumped versions of dependencies and refactored bookmark to progress. * Refactored method names in UI from bookmark to progress to prepare for new bookmark entity * Basic code is done, user can now bookmark a page (currently image reader only). * Comments and pipes * Some accessibility for new bookmark button * Fixed up the APIs to work correctly, added a new modal to quickly explore bookmarks (not implemented, not final). * Cleanup on the UI side to get the modal to look decent * Added dismissed handlers for modals where appropriate * Refactored UI to only show number of bookmarks across files to simplify delivery. Admin actionables are now separated by hr vs non-admin actions. * Basic API implemented, now to implement the ability to actually extract files. * Implemented the ability to download bookmarks. * Fixed a bug where adding a new folder to an existing library would not trigger a scan library task. * Fixed an issue that could cause bookmarked pages to get copied out of order. * Added handler from series-card component
120 lines
2.3 KiB
SCSS
120 lines
2.3 KiB
SCSS
// Import colors for overrides of bootstrap theme
|
|
@import './theme/_colors.scss';
|
|
@import './theme/_toastr.scss';
|
|
|
|
// 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';
|
|
|
|
|
|
@keyframes fadein {
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
}
|
|
|
|
|
|
@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;
|
|
}
|
|
|
|
@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;
|
|
}
|
|
|
|
// Slider handle override
|
|
::ng-deep {
|
|
.custom-slider .ngx-slider .ngx-slider-bar {
|
|
background: #ffe4d1;
|
|
height: 2px;
|
|
}
|
|
.custom-slider .ngx-slider .ngx-slider-selection {
|
|
background: orange;
|
|
}
|
|
|
|
.custom-slider .ngx-slider .ngx-slider-pointer {
|
|
width: 8px;
|
|
height: 16px;
|
|
top: auto; /* to remove the default positioning */
|
|
bottom: 0;
|
|
background-color: #333;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
.custom-slider .ngx-slider .ngx-slider-pointer:after {
|
|
display: none;
|
|
}
|
|
|
|
.custom-slider .ngx-slider .ngx-slider-bubble {
|
|
bottom: 14px;
|
|
}
|
|
|
|
.custom-slider .ngx-slider .ngx-slider-limit {
|
|
font-weight: bold;
|
|
color: orange;
|
|
}
|
|
|
|
.custom-slider .ngx-slider .ngx-slider-tick {
|
|
width: 1px;
|
|
height: 10px;
|
|
margin-left: 4px;
|
|
border-radius: 0;
|
|
background: #ffe4d1;
|
|
top: -1px;
|
|
}
|
|
|
|
.custom-slider .ngx-slider .ngx-slider-tick.ngx-slider-selected {
|
|
background: orange;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// 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;
|
|
}
|
|
}
|
|
|
|
// Debug styles
|
|
.redlines * {
|
|
outline: 1px solid red;
|
|
outline-offset: -1px;
|
|
} |