fix Issue #2; move printtitle from css to html attr, to prepare for localisation

This commit is contained in:
Riley L. 2024-11-04 22:42:36 +01:00
parent 0ac5782f70
commit 2d116f15bb
2 changed files with 11 additions and 12 deletions

View file

@ -399,7 +399,7 @@ end
local function r_log(filter) local function r_log(filter)
return respond(200, "Abrechnungen", function() return respond(200, "Abrechnungen", function()
print([[<table class="log"]]) print([[<table class="log" printtitle="Abrechnung"]])
print([[<thead><tr> print([[<thead><tr>
<th>Time</th> <th>Time</th>
<th>Username</th> <th>Username</th>
@ -456,7 +456,7 @@ local function r_index()
<input type="submit" value="Continue" class="button amount-ntr" /> <input type="submit" value="Continue" class="button amount-ntr" />
</form> </form>
]]) ]])
print([[<div class="userlist"></div>]]) -- for printing print([[<div class="userlist" printtitle="User List, is still work in progress :/"></div>]]) -- for printing
print([[<ul class="userlist">]]) print([[<ul class="userlist">]])
for _, user in ipairs(get_active_users()) do for _, user in ipairs(get_active_users()) do
print(string.format([[ print(string.format([[

View file

@ -119,11 +119,11 @@ form#user_creation>* {
margin-right: 1.5em; margin-right: 1.5em;
} }
li a { ul.userlist > li a {
text-decoration: none; text-decoration: none;
} }
ul { ul.userlist {
display: grid; display: grid;
justify-content: left; justify-content: left;
grid-auto-rows: minmax(5em, auto); grid-auto-rows: minmax(5em, auto);
@ -132,16 +132,16 @@ ul {
list-style-type: none; list-style-type: none;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-top: 1em;
} }
li { .userlist > li > a {
border-radius: 4px;
background-color: var(--b2); background-color: var(--b2);
padding: 1em;
display: inline-block;
width: 6em; width: 6em;
height: 3.5em; height: 3.5em;
padding: 1em;
margin: .5em;
margin-left: 0;
border-radius: 4px;
} }
.name { .name {
@ -297,7 +297,6 @@ input:not([type=submit]) {
} }
@media print { @media print {
nav, nav,
.container { .container {
display: none; display: none;
@ -309,13 +308,13 @@ input:not([type=submit]) {
} }
table.log:before { table.log:before {
content: "Abrechnung"; content: attr(printtitle);
font-size: 2em; font-size: 2em;
text-decoration: underline; text-decoration: underline;
} }
div.userlist:before { div.userlist:before {
content: "User List, is still work in progress :/"; content: attr(printtitle);
clear: right; clear: right;
width: 100vw; width: 100vw;
font-size: 2em; font-size: 2em;