fb29d78c3b
* Fixed a bug where the bottom of the page could be cut off * Adjusted all the headings to h2, which looks better * Refactored GetSeriesDetail to actually map the names inside the code so the UI just displays. * Put in some basic improvements to OPDS by using Series Detail type layout, but this only reduces one click. * Fixed a bug where offset from scrollbar fix causes readers to be cutoff. * Ensure the hamburger menu icon is aligned with side nav * Disable the image splitting dropdown in webtoon mode * Fixed broken progress/scroll code as we scroll on the body instead of window now * Fixed phone-hidden class not working due to a bad media query * Lots of changes to OPDS to provide a richer text experience. Uses Issues or Books based on library type. Cleans up the experience by providing Storyline from the get-go. * Updated OPDS-SE search description to include collections and reading lists. * Fixed up some title stuff * If a volume only has one file underneath it, flatten it and send a chapter as if it were the volume. * Code cleanup
87 lines
1.5 KiB
SCSS
87 lines
1.5 KiB
SCSS
|
|
.btn:focus, .btn:hover {
|
|
box-shadow: 0 0 0 0.1rem var(--navbar-btn-hover-outline-color);
|
|
}
|
|
|
|
.navbar {
|
|
background-color: var(--navbar-bg-color);
|
|
|
|
.side-nav-toggle {
|
|
cursor: pointer;
|
|
margin-left: 13px;
|
|
font-size: 1.2rem;
|
|
i {
|
|
color: var(--navbar-fa-icon-color);
|
|
}
|
|
}
|
|
}
|
|
|
|
/* small devices (phones, 650px and down) */
|
|
@media only screen and (max-width:650px) {
|
|
.navbar-nav {
|
|
width: 0;
|
|
}
|
|
}
|
|
|
|
// On Really small screens, hide the server settings wheel and show it in nav
|
|
// TODO: Look into doing this with bootstrap 5 (and moving to _utilities.scss)
|
|
.xs-only {
|
|
display: none;
|
|
}
|
|
.not-xs-only {
|
|
display: inherit;
|
|
}
|
|
@media only screen and (max-width:300px) {
|
|
.xs-only {
|
|
display: inherit;
|
|
}
|
|
.not-xs-only {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.nav-item.dropdown {
|
|
position: unset;
|
|
}
|
|
|
|
.navbar-brand {
|
|
font-family: var(--brand-font-family);
|
|
font-weight: bold;
|
|
margin: 0 1rem;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.logo {
|
|
max-height: 28px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.phone-hidden {
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
|
|
.focus-visible:focus {
|
|
visibility: visible;
|
|
color: var(--nav-header-text-color);
|
|
}
|
|
|
|
.ng-autocomplete {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.primary-text {
|
|
color: var(--nav-header-text-color);
|
|
border: none;
|
|
}
|
|
|
|
.search-result {
|
|
width: 24px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.scroll-to-top:hover {
|
|
animation: MoveUpDown 1s linear infinite;
|
|
}
|