Spitfire/Search
Spitfire/Search
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

added 'mini-menu' to result pages
Some checks failed
Run Integration Tests / test (push) Failing after 36s
Details

Browse source
This commit is contained in:
partisan 2024-12-07 23:07:19 +01:00
parent 7e573e6928
commit 287c7a7a1d
12 changed files with 266 additions and 189 deletions
Download patch file Download diff file Expand all files Collapse all files

3
static/css/style-menu.css
View file

@ -16,7 +16,7 @@
height: 420px;
width: 330px;
right: 0;
margin-top: 60px;
margin-top: 50px;
z-index: 9999;
margin-right: 20px;
background-color: var(--html-bg);
@ -137,7 +137,6 @@
width: 100%;
height: 100%;
right: 0;
margin-top: 50;
margin-right: 0;
border-radius: 0;
}

16
static/css/style-settings.css
View file

@ -1,5 +1,13 @@
/* settings.html */
.view-image-search {
border: 1px solid var(--snip-border);
margin: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
vertical-align: bottom;
border-radius: 4px;
}
.theme-link {
display: block;
@ -83,7 +91,7 @@
height: 40px;
}
/* Ensure correct aligment */
/* Ensure correct alignment */
.settings-row {
display: flex;
align-items: center;
@ -96,5 +104,3 @@
height: 40px;
box-sizing: border-box;
}
/* --- */

167
static/css/style.css
View file

@ -483,7 +483,6 @@ hr {
}
#theme,
#lang,
#safe,
#open-new-tab,
#domain,
@ -501,7 +500,6 @@ hr {
}
#theme:hover,
#lang:hover,
#safe:hover,
#open-new-tab:hover,
#domain:hover,
@ -511,8 +509,7 @@ hr {
cursor: pointer;
}
.domain,
.lang {
.domain {
margin-top: 10px;
border: 1px solid var(--button);
border-radius: 4px;
@ -656,153 +653,6 @@ form.torrent-sort {
text-decoration: none;
}
.settings-search-div {
position: absolute;
right: 90px;
top: 30px;
font-size: 14px;
display: flex;
}
.settings-search-div-search {
right: 20px;
top: 25px;
position: fixed;
z-index: 9999;
}
#settingsButton {
transition: all .3s ease;
/* width: 283px+6px;
height: 31px; */
}
.settings-icon-link {
font-size: 20px;
}
.settings-icon-link-search {
font-size: 25px;
background-color: inherit;
border: none;
}
.search-menu {
position: fixed;
height: 420px;
width: 330px;
right: 0;
margin-top: 60px;
z-index: 9999;
margin-right: 20px;
background-color: var(--html-bg);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
border: 1px solid var(--border);
border-radius: 10px;
top: 24px;
}
.search-menu h2 {
color: var(--fg);
display: flex;
justify-content: center;
font-size: 1.5rem;
margin: 14px;
}
.search-menu button {
color: var(--font-fg);
background-color: var(--button);
font-size: 14px;
border: 1px solid var(--border);
border-radius: 4px;
padding: 10px 10px 10px 10px;
width: 90%;
}
.search-menu button:hover {
border: 1px solid #5f6368;
cursor: pointer;
}
.search-menu select:hover {
border: 1px solid #5f6368;
cursor: pointer;
transition: all .3s ease;
}
.settings-content {
display: flex;
flex-direction: column;
align-items: center;
}
.settings-menu-hidden {
display: none;
}
.settings-menu-visible {
display: initial;
}
.themes-settings-menu {
background: var(--snip-background);
color: var(--fg);
border-radius: 4px;
height: 100%;
margin: 5px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.themes-settings-menu>div {
width: calc(50% - 10px);
margin: 5px;
}
.view-image-search {
border: 1px solid var(--snip-border);
margin: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
vertical-align: bottom;
border-radius: 4px;
}
.theme-settings {
margin-top: 10px;
width: 100%-4px;
border: 1px solid var(--snip-border);
background: var(--snip-background);
color: var(--fg);
border-radius: 4px;
height: 100%;
}
.theme-settings p {
margin: 0px;
padding-top: 5px;
margin-left: 3%;
}
.theme-mini-settings {
width: 90%;
}
.settings-search-div:hover p {
color: #8ab4f8;
}
.settings-search-div:hover a,
.settings-search-div:hover button {
transition: all .3s ease;
color: var(--font-fg);
}
.settings-results-link,
.settings-icon-link {
color: var(--fg);
@ -1474,7 +1324,11 @@ body, h1, p, a, input, button {
}
}
@media only screen and (max-width: 750px) {
@media only screen and (max-width: 880px) {
.settings-icon-link-search {
margin-top: -15px !important;
}
.snip,
.no-results-found {
@ -1745,17 +1599,12 @@ body, h1, p, a, input, button {
left: 20px;
font-size: 13px;
margin-top: 140px;
max-width: 355px;
}
.video_title {
font-size: 14px !important;
}
select.results-settings {
width: 110px;
}
form.torrent-sort {
left: 20px;
}
@ -1764,10 +1613,6 @@ body, h1, p, a, input, button {
top: 5px;
}
/* .settings-search-div {
display: none;
} */
.search-container h1 {
font-size: 55px;
margin-bottom: 70px;