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

updated imageviewer style

Browse source
This commit is contained in:
partisan 2024-12-02 14:36:08 +01:00
parent d8ebe94657
commit 3457e69748
5 changed files with 233 additions and 148 deletions
Download patch file Download diff file Expand all files Collapse all files

117
static/css/style.css
View file

@ -339,53 +339,6 @@ html {
border: 1px solid var(--border);
}
.image_view {
position: fixed;
width: 33%;
height: 82%;
z-index: 70;
background-color: var(--image-view);
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;
margin-top: 0px;
margin-bottom: 20px;
margin-right: 1.2%;
right: 0px;
}
.image-view-close {
background-color: var(--image-view-titlebar);
height: 7%;
width: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.image-close,
.image-next,
.image-before {
margin-left: -1px;
border-radius: 50%;
padding: 5px;
color: var(--search-button);
font-weight: normal;
}
.image-close {
margin-right: 10px;
}
.image-close:hover,
.image-next:hover,
.image-before:hover {
background-color: var(--image-select);
}
.btn-nostyle {
background-color: inherit;
border: none;
@ -442,17 +395,13 @@ hr {
}
.image_show {
display: initial !important;
display: block !important;
}
.icon_visibility {
visibility: visible;
}
.images_viewer_hidden {
margin-right: 1.2% !important;
}
.stats {
color: var(--green);
max-width: 48em;
@ -1550,70 +1499,6 @@ p {
box-shadow: 0 0 10px var(--box-shadow);
}
#image-viewer-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.9);
z-index: 999;
display: none;
justify-content: center;
align-items: center;
}
#image-viewer {
position: relative;
max-width: 80%;
max-height: 80%;
background: var(--search-bg);
padding: 20px;
box-sizing: border-box;
overflow: hidden;
text-align: center;
}
#viewer-image {
max-width: 100%;
max-height: 60vh;
}
#viewer-title {
font-size: 18px;
color: var(--text-color);
margin-bottom: 10px;
}
#viewer-source-button {
color: var(--link);
text-decoration: none;
font-size: 16px;
}
.image-view-close {
position: absolute;
top: 10px;
right: 10px;
display: flex;
flex-direction: row;
align-items: center;
}
.image-view-close .btn-nostyle {
margin-left: 5px;
}
#viewer-close-button,
#viewer-prev-button,
#viewer-next-button {
color: var(--text-color);
font-size: 36px;
cursor: pointer;
user-select: none;
}
body, h1, p, a, input, button {
color: var(--text-color); /* Applies the text color based on theme */
background-color: var(--background-color); /* Applies the background color based on theme */