1
0
Fork 0
mirror of https://github.com/Eggbertx/gochan.git synced 2025-08-03 19:56:22 -07:00

use QR file input when posting, improve front page formatting

This commit is contained in:
user.email 2018-12-04 15:38:19 -08:00
parent 4ec04d799b
commit 4fa467933b
10 changed files with 101 additions and 96 deletions

View file

@ -219,13 +219,6 @@ div.inlinepostprev {
padding: 4px 8px 4px 8px;
}
div.page {
float: left;
width: 75%;
margin-left: 8px;
overflow-y: hidden;
}
div.section-block {
margin-bottom: 8px;
}
@ -259,10 +252,13 @@ div#top-pane span#site-title {
font-size: 50px;
}
col#recent {
width: 22%;
}
#tab-bar {
margin-bottom: 0px;
margin-top: 2px;
margin-left: -24px;
display: inline;
}
#tab-bar .tab {
display: inline;
@ -270,13 +266,10 @@ div#top-pane span#site-title {
}
div#recent-posts {
width: 22%;
float: right;
margin-right: 8px;
display: inline-block;
}
div#recent-posts img {
float: left;
padding-right: 8px;
}
div#recent-posts div.section-body {
@ -429,9 +422,9 @@ input.config-text {
div#qr-box {
padding: 1px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 300px;
background-color: lightgray;
border: 1px solid #000;
@ -443,9 +436,9 @@ div#qr-box input[type=text], div#qr-box textarea {
background-color: #FFF !important;
color: #000 !important;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div#qr-box input[type=file] {
background-color: lightgray !important;

View file

@ -130,6 +130,7 @@ form#postform input[type=text], form#postform input[type=password], form#postfor
}
body {
background-color: #363942;
background-image: url(res/pipes_bg.png);
color: #d8d0b9;
font: 12pt sans-serif;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 946 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

View file

@ -504,7 +504,7 @@ function initSettings() {
function initQR(pageThread) {
var $qrbuttons = $jq("<div />").prop("id", "qrbuttons")
.append(
"<input type=\"file\" id=\"imagefile\" style=\"display: none;\" />" +
"<input type=\"file\" id=\"imagefile\" name=\"imagefile\" style=\"display: none;\" />" +
"<input name=\"imagefilebtn\" type=\"button\" onclick=\"document.getElementById('imagefile').click();\" value=\"Browse...\">" +
"<input type=\"submit\" value=\"Post\" style=\"float:right;\"/>"
)

View file

@ -6,7 +6,14 @@
}
@mixin box-sizing($sizing) {
box-sizing: $sizing;
-moz-box-sizing: $sizing;
-webkit-box-sizing: $sizing;
box-sizing: $sizing;
}
@mixin border-radius($properties...) {
-moz-border-radius: $properties;
-ms-border-radius: $properties;
-webkit-border-radius: $properties;
border-radius: $properties;
}

View file

@ -1,10 +1,3 @@
div.page {
float: left;
width: 75%;
margin-left: 8px;
overflow-y: hidden;
}
div.section-block {
margin-bottom: 8px;
div.section-title-block {
@ -39,10 +32,13 @@ div#top-pane {
}
}
col#recent {
width:22%;
}
#tab-bar {
margin-bottom: 0px;
margin-top: 2px;
margin-left: -24px;
display: inline;
.tab {
display: inline;
padding: 0px 8px 0px 8px;
@ -50,12 +46,9 @@ div#top-pane {
}
div#recent-posts {
width:22%;
float: right;
margin-right: 8px;
display: inline-block;
img {
float: left;
padding-right: 8px;
}
div.section-body {

View file

@ -9,6 +9,7 @@
}
body {
background-color: #363942;
background-image: url(res/pipes_bg.png);
color: #d8d0b9;
font: $font;

View file

@ -26,6 +26,13 @@
<span id="site-slogan">{{.config.SiteSlogan}}</span>
</div>
<div id="main">
<table style="width:100%" cellspacing="10">
<colgroup>
<col id="sections" />
<col id="recent" />
</colgroup>
<tr>
<td valign="top">
<ul id="tab-bar">
<li id="current-tab" class="tab">
<a href="#">News</a>
@ -82,7 +89,8 @@
</div>
</div>{{end}}{{end}}
</div>
{{if gt .config.MaxRecentPosts 0}}<div id="recent-posts">
</td>
{{if gt .config.MaxRecentPosts 0}}<td>
<div id="recent-posts-header" class="section-title-block"><b>Recent Posts</b></div>
{{range $i, $post := $.recent_posts}}<div class="section-block">
<div class="section-title-block">
@ -93,6 +101,8 @@
{{truncateMessage $post.Message 225 12}}
</div>
</div>{{end}}{{end}}
</div>
</td>
</tr>
</table>
</div>
{{template "global_footer.html" .}}