PoetryInCode/Boarders
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Removed browser dependant CSS, board description

Browse Source 
I removed some browser dependant CSS that I mistakenly put in.
Everything now renders correctly on FF browsers.

I added the board description to the board view so you can see the board
topic while looking at the board.
This commit is contained in:
saw 2021-06-04 12:21:42 -04:00
parent e44d120ba7
commit 38a42fdbe3
3 changed files with 29 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/html/boards.rs
View File

@ -34,7 +34,7 @@ pub async fn list_boards(
<div>
<h1>Board Index</h1>
</div>
<div>
<div id="login-status">
<p><a href="/account/login/">Login</a>/<a href="/account/new/">Sign Up</a></p>
</div>
</div><div id="index">
@ -82,9 +82,17 @@ pub async fn get_board(
<link rel="stylesheet" type="text/css" href="/static/index.css">
</head>
<body>
<div id="title" class="bar"><h1>
<div id="title" class="bar">
<div><h1>
{} | <a href="/boards/"><- Back to index</a>
</h1></div>
<div id="description">
{}
</div>
<div id="login-status">
<p><a href="/account/login/">Login</a>/<a href="/account/new/">Sign Up</a></p>
</div>
</div>
<div id="index">
<table style="width: 100%;" cellpadding=8px>
{}
@ -99,6 +107,7 @@ pub async fn get_board(
</div></body></html>
"#,
a.title,
a.desc,
a.messages.borrow().iter().map(|x| {
ab = !ab;
format!(

14
src/html/index.css
View File

@ -18,15 +18,11 @@ body {
}
.bar > div > h1 {
font-size: xxx-large;
font-size: xx-large;
margin: unset;
width: fit-content;
height: fit-content;
}
.bar > div > p {
width: fit-content;
height: fit-content;
margin-left: auto;
margin-right: 0;
margin-right: 2em;
@ -42,6 +38,14 @@ body {
vertical-align: middle;
}
#login-status {
display: contents;
}
#description {
color: #777777;
}
#title {
width: 100%;
height: 3em;

14
static/index.css
View File

@ -18,15 +18,11 @@ body {
}
.bar > div > h1 {
font-size: xxx-large;
font-size: xx-large;
margin: unset;
width: fit-content;
height: fit-content;
}
.bar > div > p {
width: fit-content;
height: fit-content;
margin-left: auto;
margin-right: 0;
margin-right: 2em;
@ -42,6 +38,14 @@ body {
vertical-align: middle;
}
#login-status {
display: contents;
}
#description {
color: #777777;
}
#title {
width: 100%;
height: 3em;