diff options
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/views/themes/material/public')
-rwxr-xr-x | src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css | 82 | ||||
-rwxr-xr-x | src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js | 34 |
2 files changed, 112 insertions, 4 deletions
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css index bf7e667e..81ea598c 100755 --- a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css | |||
@@ -48,6 +48,16 @@ nav, main, footer { | |||
48 | margin-bottom: 0; | 48 | margin-bottom: 0; |
49 | } | 49 | } |
50 | 50 | ||
51 | .pagination li { | ||
52 | padding: 0; | ||
53 | } | ||
54 | |||
55 | .pagination a { | ||
56 | padding: 0px 10px; | ||
57 | height: 30px; | ||
58 | display: block; | ||
59 | } | ||
60 | |||
51 | .page-footer .footer-copyright p { | 61 | .page-footer .footer-copyright p { |
52 | display: inline; | 62 | display: inline; |
53 | } | 63 | } |
@@ -56,10 +66,18 @@ nav, main, footer { | |||
56 | display: none; | 66 | display: none; |
57 | } | 67 | } |
58 | 68 | ||
69 | .picker__date-display { | ||
70 | display: none; | ||
71 | } | ||
72 | |||
59 | /* ========================================================================== | 73 | /* ========================================================================== |
60 | 1 = Nav | 74 | 1 = Nav |
61 | ========================================================================== */ | 75 | ========================================================================== */ |
62 | 76 | ||
77 | nav input { | ||
78 | color: #aaa; | ||
79 | } | ||
80 | |||
63 | .nav-wrapper .button-collapse { | 81 | .nav-wrapper .button-collapse { |
64 | padding: 0px 15px; | 82 | padding: 0px 15px; |
65 | } | 83 | } |
@@ -96,6 +114,38 @@ nav, main, footer { | |||
96 | white-space: nowrap; | 114 | white-space: nowrap; |
97 | } | 115 | } |
98 | 116 | ||
117 | .nav-panels .input-field input { | ||
118 | display: block; | ||
119 | line-height: inherit; | ||
120 | padding-left: 4rem !important; | ||
121 | width: calc(100% - 8rem); | ||
122 | } | ||
123 | |||
124 | .nav-panels .input-field input:focus { | ||
125 | background-color: #fff; | ||
126 | border: 0; | ||
127 | box-shadow: none; | ||
128 | color: #444; | ||
129 | } | ||
130 | |||
131 | .input-field.nav-panel-add label { | ||
132 | left: 1rem; | ||
133 | } | ||
134 | |||
135 | .input-field.nav-panel-add .mdi-navigation-close { | ||
136 | position: absolute; | ||
137 | top: 0; | ||
138 | right: 1rem; | ||
139 | color: transparent; | ||
140 | cursor: pointer; | ||
141 | font-size: 2rem; | ||
142 | transition: .3s color; | ||
143 | } | ||
144 | |||
145 | #button_filters { | ||
146 | display: none; | ||
147 | } | ||
148 | |||
99 | /* ========================================================================== | 149 | /* ========================================================================== |
100 | 2 = Side-nav | 150 | 2 = Side-nav |
101 | ========================================================================== */ | 151 | ========================================================================== */ |
@@ -133,6 +183,21 @@ nav, main, footer { | |||
133 | } | 183 | } |
134 | 184 | ||
135 | /* ========================================================================== | 185 | /* ========================================================================== |
186 | * 3 = Filters slider | ||
187 | * ========================================================================== */ | ||
188 | |||
189 | #filters button { | ||
190 | padding: 0px; | ||
191 | width: 100%; | ||
192 | } | ||
193 | |||
194 | .side-nav.fixed.right-aligned { | ||
195 | right: -250px; | ||
196 | left: auto !important; | ||
197 | overflow-y: visible; | ||
198 | } | ||
199 | |||
200 | /* ========================================================================== | ||
136 | 3 = Cards | 201 | 3 = Cards |
137 | ========================================================================== */ | 202 | ========================================================================== */ |
138 | 203 | ||
@@ -200,6 +265,15 @@ main ul.row { | |||
200 | width: 240px !important; | 265 | width: 240px !important; |
201 | } | 266 | } |
202 | 267 | ||
268 | .reader-mode .collapsible-body { | ||
269 | height: 0; | ||
270 | overflow: hidden; | ||
271 | } | ||
272 | |||
273 | .reader-mode:hover .collapsible-body { | ||
274 | height: auto; | ||
275 | } | ||
276 | |||
203 | .reader-mode span { | 277 | .reader-mode span { |
204 | opacity: 0; | 278 | opacity: 0; |
205 | transition: opacity 0.2s ease; | 279 | transition: opacity 0.2s ease; |
@@ -209,6 +283,14 @@ main ul.row { | |||
209 | opacity: 1; | 283 | opacity: 1; |
210 | } | 284 | } |
211 | 285 | ||
286 | .progress { | ||
287 | position:fixed; | ||
288 | top:0px; | ||
289 | width: 100%; | ||
290 | height: 3px; | ||
291 | margin: 0; | ||
292 | z-index: 9999; | ||
293 | } | ||
212 | /* ========================================================================== | 294 | /* ========================================================================== |
213 | 6 = Media queries | 295 | 6 = Media queries |
214 | ========================================================================== */ | 296 | ========================================================================== */ |
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js index 9341cb5a..0339eba0 100755 --- a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js +++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js | |||
@@ -1,3 +1,15 @@ | |||
1 | function init_filters() { | ||
2 | // no display if filters not aviable | ||
3 | if ($("div").is("#filters")) { | ||
4 | $('#button_filters').show(); | ||
5 | $('.button-collapse-right').sideNav({ edge: 'right' }); | ||
6 | $('#clean_form_filters').on('click', function(){ | ||
7 | $('#filters input').val(''); | ||
8 | return false; | ||
9 | }); | ||
10 | } | ||
11 | } | ||
12 | |||
1 | $(document).ready(function(){ | 13 | $(document).ready(function(){ |
2 | // sideNav | 14 | // sideNav |
3 | $('.button-collapse').sideNav(); | 15 | $('.button-collapse').sideNav(); |
@@ -5,18 +17,25 @@ $(document).ready(function(){ | |||
5 | $('.collapsible').collapsible({ | 17 | $('.collapsible').collapsible({ |
6 | accordion : false | 18 | accordion : false |
7 | }); | 19 | }); |
20 | $('.datepicker').pickadate({ | ||
21 | selectMonths: true, | ||
22 | selectYears: 15, | ||
23 | formatSubmit: 'dd/mm/yyyy', | ||
24 | hiddenName: true, | ||
25 | format: 'dd/mm/yyyy', | ||
26 | }); | ||
27 | init_filters(); | ||
8 | 28 | ||
9 | $('#nav-btn-add').click(function(){ | 29 | $('#nav-btn-add').on('click', function(){ |
10 | $(".nav-panel-buttom").hide(100); | 30 | $(".nav-panel-buttom").hide(100); |
11 | $(".nav-panel-add").show(100); | 31 | $(".nav-panel-add").show(100); |
12 | $(".nav-panel-menu").hide(100); | ||
13 | $(".nav-panels .action").hide(100); | 32 | $(".nav-panels .action").hide(100); |
14 | $(".nav-panel-menu").addClass('hidden'); | 33 | $(".nav-panel-menu").addClass('hidden'); |
15 | $(".nav-panels").css('background', 'white'); | 34 | $(".nav-panels").css('background', 'white'); |
16 | $("#entry_url").focus(); | 35 | $("#entry_url").focus(); |
17 | return false; | 36 | return false; |
18 | }); | 37 | }); |
19 | $('#nav-btn-search').click(function(){ | 38 | $('#nav-btn-search').on('click', function(){ |
20 | $(".nav-panel-buttom").hide(100); | 39 | $(".nav-panel-buttom").hide(100); |
21 | $(".nav-panel-search").show(100); | 40 | $(".nav-panel-search").show(100); |
22 | $(".nav-panels .action").hide(100); | 41 | $(".nav-panels .action").hide(100); |
@@ -25,7 +44,7 @@ $(document).ready(function(){ | |||
25 | $("#searchfield").focus(); | 44 | $("#searchfield").focus(); |
26 | return false; | 45 | return false; |
27 | }); | 46 | }); |
28 | $('.mdi-navigation-close').click(function(){ | 47 | $('.mdi-navigation-close').on('click', function(){ |
29 | $(".nav-panel-add").hide(100); | 48 | $(".nav-panel-add").hide(100); |
30 | $(".nav-panel-search").hide(100); | 49 | $(".nav-panel-search").hide(100); |
31 | $(".nav-panel-buttom").show(100); | 50 | $(".nav-panel-buttom").show(100); |
@@ -34,4 +53,11 @@ $(document).ready(function(){ | |||
34 | $(".nav-panels").css('background', 'transparent'); | 53 | $(".nav-panels").css('background', 'transparent'); |
35 | return false; | 54 | return false; |
36 | }); | 55 | }); |
56 | $(window).scroll(function () { | ||
57 | var s = $(window).scrollTop(), | ||
58 | d = $(document).height(), | ||
59 | c = $(window).height(); | ||
60 | var scrollPercent = (s / (d-c)) * 100; | ||
61 | $(".progress .determinate").css('width', scrollPercent+'%'); | ||
62 | }); | ||
37 | }); | 63 | }); |