disable filter
Some checks are pending
Some checks are pending
This commit is contained in:
parent
7b2d835916
commit
a5919c8b9a
3 changed files with 193 additions and 0 deletions
1
.gitignore
vendored
1
.gitignore
vendored
|
@ -4,6 +4,7 @@
|
||||||
/neodb.env
|
/neodb.env
|
||||||
/typings
|
/typings
|
||||||
/upgrade
|
/upgrade
|
||||||
|
.compose.override.yml
|
||||||
|
|
||||||
# Byte-compiled / optimized / DLL files
|
# Byte-compiled / optimized / DLL files
|
||||||
__pycache__/
|
__pycache__/
|
||||||
|
|
|
@ -93,6 +93,7 @@ x-shared:
|
||||||
- ${NEODB_DATA:-../data}/takahe-cache:/www/cache
|
- ${NEODB_DATA:-../data}/takahe-cache:/www/cache
|
||||||
- ${NEODB_DATA:-../data}/www-root:/www/root
|
- ${NEODB_DATA:-../data}/www-root:/www/root
|
||||||
- ./custom/edition.custom.html:/neodb/catalog/templates/edition.html
|
- ./custom/edition.custom.html:/neodb/catalog/templates/edition.html
|
||||||
|
- ./custom/_header.scss:/neodb/common/static/scss/_header.scss
|
||||||
depends_on:
|
depends_on:
|
||||||
- redis
|
- redis
|
||||||
- neodb-db
|
- neodb-db
|
||||||
|
|
191
custom/_header.scss
Normal file
191
custom/_header.scss
Normal file
|
@ -0,0 +1,191 @@
|
||||||
|
body {
|
||||||
|
&>header.container-fluid {
|
||||||
|
padding: 0px;
|
||||||
|
|
||||||
|
&>nav {
|
||||||
|
ul.nav-logo {
|
||||||
|
margin-left: var(--pico-nav-link-spacing-horizontal);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-search form {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
details.dropdown summary:not([role]) {
|
||||||
|
border-color: transparent;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
min-width: -webkit-max-content;
|
||||||
|
min-width: -moz-max-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-links a {
|
||||||
|
color: var(--pico-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
.nav-search,
|
||||||
|
.nav-search li {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-search select {
|
||||||
|
max-width: max-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-search input[type="submit"] {
|
||||||
|
background-color: var(--pico-primary-background);
|
||||||
|
border-color: var(--pico-primary-background);
|
||||||
|
padding-left: calc(var(--pico-nav-link-spacing-horizontal)*2);
|
||||||
|
padding-right: calc(var(--pico-nav-link-spacing-horizontal)*2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-logo img {
|
||||||
|
max-height: calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 - var(--pico-nav-link-spacing-horizontal) * 2);
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
/* /* Dark color scheme (Auto) */
|
||||||
|
/* /* Automatically enabled if user has Dark mode enabled */
|
||||||
|
/* @media only screen and (prefers-color-scheme: dark) {
|
||||||
|
/* .nav-logo img {
|
||||||
|
/* filter: brightness(100%) grayscale(100%) invert(20%);
|
||||||
|
/* }
|
||||||
|
/* }
|
||||||
|
/*
|
||||||
|
/* /* Dark color scheme (Forced) */
|
||||||
|
/* /* Enabled if forced with data-theme="dark" */
|
||||||
|
/* .nav-logo img [data-theme="dark"] {
|
||||||
|
/* filter: brightness(100%) grayscale(100%) invert(20%);
|
||||||
|
/* }
|
||||||
|
*/
|
||||||
|
|
||||||
|
.unhide {
|
||||||
|
display: unset !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-dropdown summary {
|
||||||
|
padding-top: 0px !important;
|
||||||
|
padding-bottom: 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-dropdown summary::after {
|
||||||
|
height: calc(1rem * var(--pico-line-height, 1.5) + 8px) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-dropdown {
|
||||||
|
margin-right: 0rem !important;
|
||||||
|
|
||||||
|
// this fixes positioning in iOS 14 and lower but will break in other browsers and iOS 15+
|
||||||
|
// details.dropdown {
|
||||||
|
// display: block !important;
|
||||||
|
// }
|
||||||
|
|
||||||
|
ul li a {
|
||||||
|
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal) !important
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar {
|
||||||
|
display: inline;
|
||||||
|
|
||||||
|
img {
|
||||||
|
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2 - var(--pico-border-width) * 2);
|
||||||
|
width: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2 - var(--pico-border-width) * 2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//pack for small phones like iPhone 5s
|
||||||
|
@media (max-width: 320px) {
|
||||||
|
.nav-dropdown {
|
||||||
|
li {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
|
||||||
|
summary {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
details.dropdown summary::after {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
body>header {
|
||||||
|
position: sticky;
|
||||||
|
top: 0px;
|
||||||
|
background: var(--pico-background-color);
|
||||||
|
z-index: 999;
|
||||||
|
box-shadow: var(--pico-box-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-search {
|
||||||
|
order: 999;
|
||||||
|
display: none;
|
||||||
|
min-width: unset !important;
|
||||||
|
li {
|
||||||
|
padding: 0px;
|
||||||
|
padding-bottom: 4px;
|
||||||
|
select {
|
||||||
|
max-width: 6em !important;
|
||||||
|
}
|
||||||
|
input[type="submit"] {
|
||||||
|
padding-left: calc(var(--pico-nav-link-spacing-horizontal)*1);
|
||||||
|
padding-right: calc(var(--pico-nav-link-spacing-horizontal)*1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-links li.small-only {
|
||||||
|
a {
|
||||||
|
color: var(--pico-secondary);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.nav-dropdown {
|
||||||
|
li {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
|
||||||
|
summary {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
.nav-dropdown::after {
|
||||||
|
flex-basis: 100%;
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-page-discover .nav-links a.nav-link-discover {
|
||||||
|
color: var(--pico-primary) !important;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-page-feed .nav-links a.nav-link-feed {
|
||||||
|
color: var(--pico-primary) !important;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.nav-page-home .nav-links a.nav-link-home {
|
||||||
|
color: var(--pico-primary) !important;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.nav-page-search .nav-links a.nav-link-search {
|
||||||
|
color: var(--pico-primary) !important;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
Loading…
Add table
Reference in a new issue