Author
|
zPlus <zplus@peers.community>
2018-07-25 05:46:28
|
Committer
|
zPlus <zplus@peers.community>
2018-07-25 05:46:28
|
Commit
|
3611812
(patch)
|
Tree
|
c2a4244
|
Parent(s)
|
|
Add CSS media query to login form for resizing on larger screens.
modified: freepost/static/stylus/freepost.styl
modified: freepost/templates/login.html
commits diff:
a263e27..3611812
2 files changed,
9 insertions,
17 deletions
—
download
Diffstat
Diff options
+6/-8
M freepost/static/stylus/freepost.styl
78
|
78
|
|
border 0
|
79
|
79
|
|
border-bottom 1px solid #ccc
|
80
|
80
|
|
color #000
|
81
|
|
- |
margin 0 0
|
|
81
|
+ |
margin 0
|
82
|
82
|
|
padding 0 .5rem .5rem .5rem
|
83
|
83
|
|
|
84
|
84
|
|
/* Highlight menu item of the current active page (Hot/New/Submit/...) */
|
277
|
277
|
|
|
278
|
278
|
|
/* Login page */
|
279
|
279
|
|
> .login
|
280
|
|
- |
margin auto
|
281
|
|
- |
max-width 20em
|
|
280
|
+ |
@media screen and (min-width: 1024px)
|
|
281
|
+ |
margin auto
|
|
282
|
+ |
max-width 40%
|
282
|
283
|
|
|
283
|
|
- |
input[type=submit]
|
284
|
|
- |
margin 1em 0
|
285
|
|
- |
|
286
|
|
- |
.title
|
287
|
|
- |
line-height 2em
|
|
284
|
+ |
> form > div
|
|
285
|
+ |
margin 1rem 0
|
288
|
286
|
|
|
289
|
287
|
|
/* Page to edit a post or a comment */
|
290
|
288
|
|
> .edit
|
+3/-9
M freepost/templates/login.html
15
|
15
|
|
<h3>Log in</h3>
|
16
|
16
|
|
|
17
|
17
|
|
<form action="" method="post">
|
18
|
|
- |
<div class="title">
|
19
|
|
- |
Screen name
|
20
|
|
- |
</div>
|
21
|
18
|
|
<div>
|
22
|
|
- |
<input type="text" name="username" class="form-control" required />
|
23
|
|
- |
</div>
|
24
|
|
- |
|
25
|
|
- |
<div class="title">
|
26
|
|
- |
Password
|
|
19
|
+ |
<input type="text" name="username" placeholder="Username" class="form-control" required />
|
27
|
20
|
|
</div>
|
|
21
|
+ |
|
28
|
22
|
|
<div>
|
29
|
|
- |
<input type="password" name="password" class="form-control" required />
|
|
23
|
+ |
<input type="password" name="password" placeholder="Password" class="form-control" required />
|
30
|
24
|
|
</div>
|
31
|
25
|
|
|
32
|
26
|
|
<div>
|