again some contents and some style

master
km0 3 years ago
parent 8bcb842718
commit f2ddf46019

@ -122,6 +122,10 @@ function createTitleLink(row) {
// Create a link element // Create a link element
let link = document.createElement("a"); let link = document.createElement("a");
link.setAttribute("target", "_blank"); link.setAttribute("target", "_blank");
// TODO: stretched link for making all the row clickabe?
link.classList.add("stretched-link");
// Use the link as href // Use the link as href
link.href = url; link.href = url;
// Use the title as text // Use the title as text

@ -14,6 +14,20 @@ h1 {
text-align: center; text-align: center;
} }
a {
color: currentColor;
}
a.stretched-link::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
/* FILTERS */ /* FILTERS */
.tag { .tag {
@ -40,8 +54,8 @@ h1 {
background: none; background: none;
} }
.tag:focus, .filters .tag:focus,
.tag:hover { .filters .tag:hover {
transform: translateY(-4px); transform: translateY(-4px);
transition: transform 0.2s ease-out; transition: transform 0.2s ease-out;
} }
@ -58,6 +72,7 @@ table {
tr { tr {
display: none; display: none;
position: relative;
} }
tr:nth-child(even) { tr:nth-child(even) {
@ -68,6 +83,10 @@ tr.active {
display: table-row; display: table-row;
} }
tr:hover {
background-color: rgb(250, 232, 217);
}
tr .tag { tr .tag {
cursor: default; cursor: default;
} }
@ -76,3 +95,16 @@ tr.header {
display: table-row; display: table-row;
text-align: left; text-align: left;
} }
.categories {
width: 20%;
}
.overview {
font-style: italic;
width: 40%;
}
.date {
width: 14ch;
}

Loading…
Cancel
Save