|
Author
|
zPlus <zplus@peers.community>
2018-12-22 00:12:51
|
|
Committer
|
zPlus <zplus@peers.community>
2018-12-22 00:12:51
|
|
Commit
|
454d20a
(patch)
|
|
Tree
|
abb3d3b
|
|
Parent(s)
|
|
Move burger menu to the right.
commits diff:
0e4ac2e..454d20a
2 files changed,
14 insertions,
17 deletions
—
download
Diffstat
Diff options
+7/-12
M freepost/static/stylus/freepost.styl
|
43
|
43
|
|
@media only screen and (max-width: 800px)
|
|
44
|
44
|
|
display grid
|
|
45
|
45
|
|
grid-template-columns auto
|
|
46
|
|
- |
text-align center
|
|
47
|
46
|
|
|
|
48
|
47
|
|
> .title-large
|
|
49
|
48
|
|
display none
|
|
50
|
49
|
|
|
|
51
|
50
|
|
> .title-small
|
|
52
|
51
|
|
display grid
|
|
53
|
|
- |
grid-template-columns max-content auto
|
|
54
|
|
- |
text-align center
|
|
55
|
|
- |
|
|
56
|
|
- |
padding-bottom 1rem
|
|
|
52
|
+ |
grid-template-columns auto max-content
|
|
57
|
53
|
|
|
|
58
|
54
|
|
@media only screen and (min-width: 800px)
|
|
59
|
55
|
|
display grid
|
|
60
|
56
|
|
grid-template-columns max-content auto
|
|
61
|
|
- |
text-align center
|
|
62
|
57
|
|
|
|
63
|
58
|
|
> .title-small
|
|
64
|
59
|
|
display none
|
|
73
|
68
|
|
.menu
|
|
74
|
69
|
|
border-bottom 2px dashed #aaa
|
|
75
|
70
|
|
display none
|
|
76
|
|
- |
padding-bottom 1rem
|
|
|
71
|
+ |
padding 1rem 0
|
|
77
|
72
|
|
|
|
78
|
73
|
|
/* This class is toggled when the burger icon is clicked */
|
|
79
|
74
|
|
&.visible
|
|
85
|
80
|
|
color #000
|
|
86
|
81
|
|
display block
|
|
87
|
82
|
|
margin 0
|
|
88
|
|
- |
padding .5rem
|
|
|
83
|
+ |
padding .8rem 0
|
|
89
|
84
|
|
text-align left
|
|
90
|
85
|
|
text-decoration none
|
|
91
|
86
|
|
|
|
92
|
87
|
|
/* Highlight menu item of the current active page (Hot/New/Submit/...) */
|
|
93
|
88
|
|
> .active_page
|
|
94
|
|
- |
background-color #f8f8f8
|
|
95
|
|
- |
border-right 4px solid black
|
|
96
|
|
- |
font-weight bold
|
|
|
89
|
+ |
font-weight bold
|
|
|
90
|
+ |
text-decoration underline dotted
|
|
|
91
|
+ |
text-transform uppercase
|
|
97
|
92
|
|
|
|
98
|
93
|
|
/* Highlight username if there are unread messages */
|
|
99
|
94
|
|
.new_messages
|
|
100
|
95
|
|
background-color rgb(255, 175, 50)
|
|
101
|
|
- |
border-radius 4px
|
|
102
|
96
|
|
color #fff
|
|
103
|
97
|
|
font-weight bold
|
|
|
98
|
+ |
padding-left 1rem
|
|
104
|
99
|
|
|
|
105
|
100
|
|
@media only screen and (min-width: 800px)
|
|
106
|
101
|
|
.burger-icon
|
+7/-5
M freepost/templates/layout.html
|
22
|
22
|
|
<div class="header">
|
|
23
|
23
|
|
|
|
24
|
24
|
|
<div class="title-small">
|
|
25
|
|
- |
<div class="burger-icon {{ 'notify' if unread_messages }}">
|
|
26
|
|
- |
<div class="line1"></div>
|
|
27
|
|
- |
<div class="line2"></div>
|
|
28
|
|
- |
<div class="line3"></div>
|
|
29
|
|
- |
</div>
|
|
|
25
|
+ |
|
|
30
|
26
|
|
|
|
31
|
27
|
|
{% if topic %}
|
|
32
|
28
|
|
<a href="{{ url ('topic', name=topic) }}" class="flex-item logo">
|
|
39
|
35
|
|
post
|
|
40
|
36
|
|
</a>
|
|
41
|
37
|
|
{% endif %}
|
|
|
38
|
+ |
|
|
|
39
|
+ |
<div class="burger-icon {{ 'notify' if unread_messages }}">
|
|
|
40
|
+ |
<div class="line1"></div>
|
|
|
41
|
+ |
<div class="line2"></div>
|
|
|
42
|
+ |
<div class="line3"></div>
|
|
|
43
|
+ |
</div>
|
|
42
|
44
|
|
</div>
|
|
43
|
45
|
|
|
|
44
|
46
|
|
<div class="title-large">
|