home » zplus/freepost.git
Author zPlus <zplus@peers.community> 2018-07-23 07:56:22
Committer zPlus <zplus@peers.community> 2018-07-23 07:56:22
Commit a4d094d (patch)
Tree 4ab69da
Parent(s)

Improve CSS.


commits diff: 5cf755e..a4d094d
5 files changed, 56 insertions, 81 deletionsdownload


Diffstat
-rwxr-xr-x freepost/static/stylus/freepost.styl 32
-rwxr-xr-x freepost/static/stylus/reset.styl 3
-rwxr-xr-x freepost/templates/search.html 2
-rwxr-xr-x freepost/templates/submit.html 2
-rwxr-xr-x freepost/templates/user_settings.html 98

Diff options
View
Side
Whitespace
Context lines
Inter-hunk lines
+7/-25 M   freepost/static/stylus/freepost.styl
index 196bf47..e00a71b
old size: 11K - new size: 10K
@@ -169,8 +169,7 @@ body
169 169
170 170 /* New submission page */
171 171 > form.submit
172 - margin auto
173 - max-width 30em
172 + width 100%
174 173
175 174 /* Page for a post */
176 175 > .post
@@ -213,9 +212,6 @@ body
213 212
214 213 /* The "new comment" form for this post page */
215 214 .new_comment
216 - > textarea
217 - height 5rem
218 -
219 215 > input[type=submit]
220 216 margin 1em 0
221 217
@@ -262,26 +258,12 @@ body
262 258 margin-bottom 3rem
263 259
264 260 /* User home page */
265 - table.user
266 - /* If one length specified: both horizontal and vertical spacing
267 - * If two length specified: first sets the horizontal spacing, and
268 - * the second sets the vertical spacing
269 - */
270 - border-spacing 2em 1em
271 - border-collapse separate
272 - margin auto
273 - width 80%
274 -
275 - tr
276 - > td:first-child
277 - font-weight bold
278 - text-align right
279 - vertical-align top
280 - width 30%
281 -
282 - > td:last-child
283 - text-align left
284 -
261 + > form > .user
262 + display grid
263 + grid-column-gap 3rem
264 + grid-row-gap 1rem
265 + grid-template-columns max-content auto
266 +
285 267 /* User activity */
286 268 > .user_activity
287 269

+3/-0 M   freepost/static/stylus/reset.styl
index 83a48d4..cafd060
old size: 5K - new size: 5K
@@ -124,6 +124,9 @@ label
124 124 -o-transition border-color ease-in-out .15s,box-shadow ease-in-out .15s
125 125 transition border-color ease-in-out .15s,box-shadow ease-in-out .15s
126 126
127 + textarea.form-control
128 + height 8rem
129 +
127 130 /* When users vote, this <iframe/> is used as target, such that
128 131 * the page is not reloaded
129 132 */

+1/-1 M   freepost/templates/search.html
index 4c972fd..a849397
old size: 2K - new size: 2K
@@ -9,7 +9,7 @@
9 9 <div class="search">
10 10 <form action="/search">
11 11 <p>
12 - <input type="text" name="q" value="{{ query if query else '' }}" placeholder="Search..." required="required" />
12 + <input type="text" name="q" value="{{ query if query else '' }}" placeholder="Search..." required="required" autofocus />
13 13 <input type="submit" value="Search" />
14 14 </p>
15 15 <p>

+1/-1 M   freepost/templates/submit.html
index 0fd7c83..6b81327
old size: 1K - new size: 1K
@@ -18,7 +18,7 @@
18 18 <form action="" method="post" class="submit shortcut-submit">
19 19 <h3>Title</h3>
20 20 <div>
21 - <input type="text" name="title" class="form-control" required='required' />
21 + <input type="text" name="title" class="form-control" required='required' autofocus />
22 22 </div>
23 23
24 24 <h3>Link</h3>

+44/-54 M   freepost/templates/user_settings.html
index 73a6b7e..e4a56d1
old size: 2K - new size: 2K
@@ -7,64 +7,54 @@
7 7 {% block content %}
8 8
9 9 <form action="" method="post">
10 - <table class="user">
11 - <tr>
12 - <td>
13 - User
14 - </td>
15 - <td>
16 - {{ user.username }}
17 -
18 - <div><a href="/user_activity/posts">Your posts</a></div>
19 - <div><a href="/user_activity/comments">Your comments</a></div>
20 - <div><a href="/user_activity/replies">Replies to your comments</a></div>
21 - </td>
22 - </tr>
10 + <div class="user">
11 + <div>
12 + User
13 + </div>
14 + <div>
15 + {{ user.username }}
16 +
17 + <div><a href="/user_activity/posts">Your posts</a></div>
18 + <div><a href="/user_activity/comments">Your comments</a></div>
19 + <div><a href="/user_activity/replies">Replies to your comments</a></div>
20 + </div>
23 21
24 - <tr>
25 - <td>
26 - Since
27 - </td>
28 - <td>
29 - {{ user.registered|datetime }} ({{ user.registered|ago }})
30 - </td>
31 - </tr>
22 + <div>
23 + Since
24 + </div>
25 + <div>
26 + {{ user.registered|datetime }} ({{ user.registered|ago }})
27 + </div>
32 28
33 - <tr>
34 - <td>
35 - About
36 - </td>
37 - <td>
38 - <textarea name="about" class="form-control">{{ user.about }}</textarea>
39 - </td>
40 - </tr>
29 + <div>
30 + About
31 + </div>
32 + <div>
33 + <textarea name="about" class="form-control" autofocus>{{ user.about }}</textarea>
34 + </div>
41 35
42 - <tr>
43 - <td>
44 - Email
45 - </td>
46 - <td>
47 - <input type="text" name="email" class="form-control" value="{{ user.email if user.email else '' }}" />
48 - <em>Required if you wish to change your password</em>
49 - {#
50 - <p>
51 - <label>
52 - <input type="checkbox" name="email_notifications" {{ user.email_notifications ? 'checked="checked"' }} />
53 - Send notifications via email
54 - </label>
55 - </p>
56 - #}
57 - </td>
58 - </tr>
36 + <div>
37 + Email
38 + </div>
39 + <div>
40 + <input type="text" name="email" class="form-control" value="{{ user.email if user.email else '' }}" />
41 + <em>Required if you wish to change your password</em>
42 + {#
43 + <p>
44 + <label>
45 + <input type="checkbox" name="email_notifications" {{ user.email_notifications ? 'checked="checked"' }} />
46 + Send notifications via email
47 + </label>
48 + </p>
49 + #}
50 + </div>
59 51
60 - <tr>
61 - <td>
62 - </td>
63 - <td>
64 - <input type="submit" name="update" value="Update" class="button button_info" />
65 - </td>
66 - </tr>
67 - </table>
52 + <div>
53 + </div>
54 + <div>
55 + <input type="submit" name="update" value="Update" class="button button_info" />
56 + </div>
57 + </div>
68 58 </form>
69 59
70 60 {% endblock %}