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

Fixed publication-details pop-up

Browse Source 
Renamed the pop-up for the publication details and then added CSS so it shows up on both style sheets.
This commit is contained in:
db-2001 2023-10-26 09:24:50 -04:00
parent 332108780f
commit b233e80178
3 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Website/index.html
View File

@ -102,7 +102,7 @@
<blur-background id="blurBackgroundPublicationPopup" onclick="publicationViewerPopup.style.display= 'none';"></blur-background>
<publication-viewer>
<img id="pubviewcover" src="media/cover.jpg" alt="cover">
<publication-information>
<publication-details>
<publication-name id="publicationViewerName">Best Manga there is</publication-name>
<publication-tags id="publicationViewerTags">A Manga</publication-tags>
<publication-author id="publicationViewerAuthor">Glax</publication-author>
@ -116,7 +116,7 @@
<publication-add id="createMonitorJobButton">Monitor ➕</publication-add>
<publication-add id="createDownloadChapterJobButton">Download Chapter 📥</publication-add>
</publication-interactions>
</publication-information>
</publication-details>
</publication-viewer>
</popup>

11
Website/style_default.css
View File

@ -239,6 +239,17 @@ 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;

11
Website/style_mangahover.css
View File

@ -251,6 +251,17 @@ 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;