From 0f371f1388e29b99c2bd319435e905bb74251959 Mon Sep 17 00:00:00 2001 From: zhetic Date: Tue, 13 Apr 2021 09:43:06 +0300 Subject: [PATCH] title list lean left --- css/chapter_list.css | 1 - css/stylesheet.css | 6 ++++++ css/title_list.css | 16 ++++++++++------ js/title_list.js | 8 ++++++-- 4 files changed, 22 insertions(+), 9 deletions(-) diff --git a/css/chapter_list.css b/css/chapter_list.css index c008c4d..0d573f5 100644 --- a/css/chapter_list.css +++ b/css/chapter_list.css @@ -31,7 +31,6 @@ #chapters #table { width: 90%; - border-collapse: collapse; text-align: left; } diff --git a/css/stylesheet.css b/css/stylesheet.css index 35f824f..965b9c0 100644 --- a/css/stylesheet.css +++ b/css/stylesheet.css @@ -1,6 +1,7 @@ body { font-family: arial, helvetica, sans-serif; --dark-grey: rgba(80, 80, 80, 1); + --dark-accent: rgba(100, 100, 100, 1); --medium-grey: rgba(120, 120, 120, 1); --light-accent: rgba(150, 150, 150, 1); --light-grey: rgba(180, 180, 180, 1); @@ -40,6 +41,11 @@ hr { a { text-decoration: none; + color: black; +} + +a:visited { + color: var(--dark-grey); } #header { diff --git a/css/title_list.css b/css/title_list.css index 8f83214..35bd113 100644 --- a/css/title_list.css +++ b/css/title_list.css @@ -11,16 +11,19 @@ top: 0; } -td { - white-space: nowrap; - padding-left: 2em; - padding-right: 2em; +#title_list .stretch { + width: 99%; } table, th, td { border-collapse: collapse; + white-space: nowrap; + text-align: left; + padding-left: 2em; + padding-right: 2em; } -table, th { + +table { width: 100%; } @@ -40,13 +43,14 @@ th { #title_list img.thumbnail { height: 100px; + width: 85px; padding-left: 0; padding-right: 0; padding-top: 2px; padding-bottom: 2px; } -#title_list .tag { +#title_list span.tag { border: 1px solid black; background-color: var(--light-accent); padding: 4px; diff --git a/js/title_list.js b/js/title_list.js index e2f0205..ea81706 100644 --- a/js/title_list.js +++ b/js/title_list.js @@ -19,7 +19,7 @@ function load_titles(remote) { //thumbnail first_row.appendChild(Object.assign( document.createElement("td"), - {rowSpan: "2"} + {rowSpan: "2", className: "thumbnail"} )) .appendChild(Object.assign( document.createElement("a"), @@ -33,7 +33,11 @@ function load_titles(remote) { //title first_row.appendChild(Object.assign( document.createElement("td"), - {} + {className: "stretch"} + )) + .appendChild(Object.assign( + document.createElement("a"), + {href: "./title.html?id="+manga["id"]} )) .appendChild(Object.assign( document.createElement("b"),