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();
UpdateJobs();
GetSettings().then((json) => {
console.log(json);
//console.log(json);
settingDownloadLocation.innerText = json.downloadLocation;
settingApiUri.placeholder = apiUri;
console.log(json.styleSheet);
//console.log(json.styleSheet);
if (json.styleSheet == 'hover') {
settingMangaHoverCheckbox.checked = true;
document.getElementById('pagestyle').setAttribute('href', 'styles/style_mangahover.css');
@ -299,7 +299,7 @@ function OpenSettings(){
//console.log(json);
settingDownloadLocation.innerText = json.downloadLocation;
settingApiUri.placeholder = apiUri;
console.log(json.styleSheet);
//console.log(json.styleSheet);
if (json.styleSheet == 'hover') {
settingMangaHoverCheckbox.checked = true;
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 (document.getElementById("mangaHoverCheckbox").checked == true){
ChangeStyleSheet('hover')
console.log('Changing theme to mangahover')
//console.log('Changing theme to mangahover')
} else {
ChangeStyleSheet('default');
console.log('Changing theme to default')
//console.log('Changing theme to default')
}
if(settingKomgaUrl.value != "" &&

40
Website/styles/style_default.css
View File

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