glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-06-12 14:57:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add delete and startnow buttons to Monitoring Entries

Browse Source 
nowrap tags in searchresults
This commit is contained in:
glax
2024-10-20 00:30:28 +02:00
parent 035d384411
commit 96b5163486
3 changed files with 66 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
Website/styles/MangaSearchResult.css
View File

@ -7,8 +7,8 @@
width: fit-content;
height: 328px;
display: grid;
grid-template-columns: 220px 600px 50px;
grid-template-rows: 40px 40px 200px auto;
grid-template-columns: 220px 600px 80px;
grid-template-rows: 55px 55px 190px auto;
column-gap: 10px;
grid-template-areas:
"cover header header"
@ -54,20 +54,25 @@
.SearchResult > .Manga-name {
grid-area: header;
color: black;
padding: 0 30px 0 0;
}
.SearchResult > .Manga-tags {
display: flex;
flex-direction: row;
grid-area: alltags;
color: white;
padding: 0;
margin: 0;
white-space: nowrap;
}
.SearchResult > ul > li {
display: inline;
.SearchResult > .Manga-tags p {
margin: 0 2px;
padding: 5px;
font-size: 10pt;
height: fit-content;
width: min-content;
}
.SearchResult .Manga-author {
@ -81,6 +86,7 @@
.SearchResult > .Manga-description {
grid-area: description;
color: black;
overflow-y: scroll;
}
.SearchResult > .Manga-AddButton {
@ -91,9 +97,6 @@
width: fit-content;
height: fit-content;
padding: 5px 10px;
position: absolute;
bottom: 0;
right: 0;
}
.SearchResult > .Manga-AddButton:hover {
@ -107,5 +110,36 @@
.SearchResult a img {
filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7480%) hue-rotate(141deg) brightness(111%) contrast(99%);
position: relative;
bottom: 10px;
bottom: 7px;
}
.monitorMangaEntry {
position: relative;
}
.MangaActionButtons {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.MangaActionButtons > button {
position: absolute;
margin: 10px;
border: 0;
background: none;
}
.DeleteJobButton {
bottom: 0;
left: 0;
filter: invert(21%) sepia(63%) saturate(7443%) hue-rotate(355deg) brightness(93%) contrast(118%);
}
.StartJobNowButton {
bottom: 0;
right: 0;
filter: invert(58%) sepia(16%) saturate(4393%) hue-rotate(103deg) brightness(102%) contrast(103%);
}