glax/Tranga-Website
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Fixes after merge broke some stuff

Browse Source
This commit is contained in:
db-2001 2023-10-29 22:24:16 -04:00
parent 5698c93439
commit 1f3ed66f97
2 changed files with 19 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
Website/interaction.js
View File

@ -82,10 +82,10 @@ function Setup(){
ResetContent(); ResetContent();
UpdateJobs(); UpdateJobs();
GetSettings().then((json) => { GetSettings().then((json) => {
console.log(json); //console.log(json);
settingDownloadLocation.innerText = json.downloadLocation; settingDownloadLocation.innerText = json.downloadLocation;
settingApiUri.placeholder = apiUri; settingApiUri.placeholder = apiUri;
console.log(json.styleSheet); //console.log(json.styleSheet);
if (json.styleSheet == 'hover') { if (json.styleSheet == 'hover') {
settingMangaHoverCheckbox.checked = true; settingMangaHoverCheckbox.checked = true;
document.getElementById('pagestyle').setAttribute('href', 'styles/style_mangahover.css'); document.getElementById('pagestyle').setAttribute('href', 'styles/style_mangahover.css');
@ -299,7 +299,7 @@ function OpenSettings(){
//console.log(json); //console.log(json);
settingDownloadLocation.innerText = json.downloadLocation; settingDownloadLocation.innerText = json.downloadLocation;
settingApiUri.placeholder = apiUri; settingApiUri.placeholder = apiUri;
console.log(json.styleSheet); //console.log(json.styleSheet);
if (json.styleSheet == 'hover') { if (json.styleSheet == 'hover') {
settingMangaHoverCheckbox.checked = true; settingMangaHoverCheckbox.checked = true;
document.getElementById('pagestyle').setAttribute('href', 'styles/style_mangahover.css'); document.getElementById('pagestyle').setAttribute('href', 'styles/style_mangahover.css');
@ -368,10 +368,10 @@ function UpdateSettings(){
// If the checkbox is checked, set the style to style_mangahover.css and // If the checkbox is checked, set the style to style_mangahover.css and
if (document.getElementById("mangaHoverCheckbox").checked == true){ if (document.getElementById("mangaHoverCheckbox").checked == true){
ChangeStyleSheet('hover') ChangeStyleSheet('hover')
console.log('Changing theme to mangahover') //console.log('Changing theme to mangahover')
} else { } else {
ChangeStyleSheet('default'); ChangeStyleSheet('default');
console.log('Changing theme to default') //console.log('Changing theme to default')
} }
if(settingKomgaUrl.value != "" && if(settingKomgaUrl.value != "" &&

40
Website/styles/style_default.css
View File

@ -1,4 +1,4 @@
:root{ :root{
--background-color: #030304; --background-color: #030304;
--second-background-color: #fff; --second-background-color: #fff;
--primary-color: #f5a9b8; --primary-color: #f5a9b8;
@ -208,29 +208,23 @@ publication{
flex-shrink: 0; flex-shrink: 0;
} }
publication:hover {
background-color: black;
}
publication:hover > img {
opacity: 0.5;
}
publication:hover > publication-information {
display: flex;
opacity:1;
}
publication::after{ publication::after{
content: ''; content: '';
position: absolute; position: absolute;
left: 0; top: 0; left: 0; top: 0;
border-radius: 5px; border-radius: 5px;
width: 100%; height: 100%; width: 100%; height: 100%;
background: linear-gradient(rgba(0,0,0,0.8), rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.2));
} }
publication-information { publication-information {
display: none; display: flex;
flex-direction: column;
justify-content: start;
}
publication-details {
display: flex;
flex-direction: column; flex-direction: column;
justify-content: start; justify-content: start;
} }
@ -240,6 +234,11 @@ publication-information * {
color: var(--accent-color); color: var(--accent-color);
} }
publication-details * {
z-index: 1;
color: var(--accent-color);
}
connector-name{ connector-name{
width: fit-content; width: fit-content;
margin: 10px 0; margin: 10px 0;
@ -251,17 +250,6 @@ publication-name{
font-weight: bold; font-weight: bold;
} }
publication-details {
display: flex;
flex-direction: column;
justify-content: start;
}
publication-details * {
z-index: 1;
color: var(--accent-color);
}
publication img { publication img {
position: absolute; position: absolute;
top: 0; top: 0;