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

14
src/html/index.css
View File

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

14
static/index.css
View File

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