pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make forms responsive. some accessibility fixes, fix panic in list viewer

Browse Source
This commit is contained in:
Wim Brand
2018-08-13 22:02:07 +02:00
parent 5a36b3a843
commit f6bb683cc9
4 changed files with 22 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
res/static/res/style/layout.css
View File

@@ -109,7 +109,7 @@ body{
.highlight_light {background-color: var(--accent_color_light); border-color: var(--accent_color_light_border);} .highlight_light {background-color: var(--accent_color_light); border-color: var(--accent_color_light_border);}
.highlight_green {background-color: rgba(0, 255, 0, 0.05); border-color: #00d000;} .highlight_green {background-color: rgba(0, 255, 0, 0.05); border-color: #00d000;}
.highlight_blue {background-color: rgba(32, 32, 255, 0.2); border-color: rgb(54, 54, 255);} .highlight_blue {background-color: rgba(32, 32, 255, 0.2); border-color: rgb(54, 54, 255);}
.highlight_red {background-color: rgba(255, 0, 0, 0.05); border-color: #B00000;} .highlight_red {background-color: rgba(255, 0, 0, 0.1); border-color: #B00000;}
.border_top {border-top-width: 1px; border-top-style: solid;} .border_top {border-top-width: 1px; border-top-style: solid;}
.border_bottom {border-bottom-width: 1px; border-bottom-style: solid;} .border_bottom {border-bottom-width: 1px; border-bottom-style: solid;}
@@ -141,11 +141,19 @@ a:hover {color: var(--highlight_color); text-decoration: underline;}
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
text-align: left; text-align: left;
max-width: 30em; max-width: 35em;
} }
table:not(.form) {border-collapse: collapse; width: 100%;} table:not(.form) {border-collapse: collapse; width: 100%;}
tr:not(.form) {border-bottom: 1px var(--accent_color_medium_border) solid;} tr:not(.form) {border-bottom: 1px var(--accent_color_medium_border) solid;}
tr > td {padding: 6px;} tr > td {padding: 0.5em;}
@media(max-width: 28em) {
tr > td {
box-sizing: border-box;
float: left;
width: 100%;
padding: 0.5em;
}
}
pre{ pre{
padding: 2px; padding: 2px;

5
res/template/account/register.html
View File

@@ -103,6 +103,11 @@
resultDiv.innerHTML = resultHtml; resultDiv.innerHTML = resultHtml;
} }
// On small screens the whole form won't fit on the screen,
// so we need to scroll up to show the user the result of
// the form submission
window.scrollTo(0, 0);
console.log(response); console.log(response);
} }
} }

5
res/template/fragments/api/filesystem.html
View File

@@ -8,6 +8,11 @@
</p> </p>
<h3>Parameters</h3> <h3>Parameters</h3>
<p>
The form parameters <b>must</b> be sent in the order displayed below
for the realtime error checking to work. If 'name' comes after
'file' it will be ignored.
</p>
<table> <table>
<tr> <tr>
<td>Param</td> <td>Param</td>

2
webcontroller/listViewer.go
View File

@@ -15,7 +15,7 @@ func (wc *WebController) serveListViewer(w http.ResponseWriter, r *http.Request,
var api = pixelapi.New(wc.conf.APIURLInternal, "") var api = pixelapi.New(wc.conf.APIURLInternal, "")
var list, err = api.GetList(p.ByName("id")) var list, err = api.GetList(p.ByName("id"))
if err != nil { if err != nil {
if (err.(pixelapi.Error)).ReqError { if (err.(*pixelapi.Error)).ReqError {
log.Error("API request error occurred: %s", (err.(pixelapi.Error)).Value) log.Error("API request error occurred: %s", (err.(pixelapi.Error)).Value)
} }
wc.serveNotFound(w, r) wc.serveNotFound(w, r)