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 | 45 | ||||
-rwxr-xr-x | src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js | 14 |
2 files changed, 59 insertions, 0 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..2497e3e9 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 | |||
@@ -60,6 +60,10 @@ nav, main, footer { | |||
60 | 1 = Nav | 60 | 1 = Nav |
61 | ========================================================================== */ | 61 | ========================================================================== */ |
62 | 62 | ||
63 | nav input { | ||
64 | color: #aaa; | ||
65 | } | ||
66 | |||
63 | .nav-wrapper .button-collapse { | 67 | .nav-wrapper .button-collapse { |
64 | padding: 0px 15px; | 68 | padding: 0px 15px; |
65 | } | 69 | } |
@@ -96,6 +100,38 @@ nav, main, footer { | |||
96 | white-space: nowrap; | 100 | white-space: nowrap; |
97 | } | 101 | } |
98 | 102 | ||
103 | .nav-panels .input-field input { | ||
104 | display: block; | ||
105 | line-height: inherit; | ||
106 | padding-left: 4rem !important; | ||
107 | width: calc(100% - 8rem); | ||
108 | } | ||
109 | |||
110 | .nav-panels .input-field input:focus { | ||
111 | background-color: #fff; | ||
112 | border: 0; | ||
113 | box-shadow: none; | ||
114 | color: #444; | ||
115 | } | ||
116 | |||
117 | .input-field.nav-panel-add label { | ||
118 | left: 1rem; | ||
119 | } | ||
120 | |||
121 | .input-field.nav-panel-add .mdi-navigation-close { | ||
122 | position: absolute; | ||
123 | top: 0; | ||
124 | right: 1rem; | ||
125 | color: transparent; | ||
126 | cursor: pointer; | ||
127 | font-size: 2rem; | ||
128 | transition: .3s color; | ||
129 | } | ||
130 | |||
131 | #button_filters { | ||
132 | display: none; | ||
133 | } | ||
134 | |||
99 | /* ========================================================================== | 135 | /* ========================================================================== |
100 | 2 = Side-nav | 136 | 2 = Side-nav |
101 | ========================================================================== */ | 137 | ========================================================================== */ |
@@ -133,6 +169,15 @@ nav, main, footer { | |||
133 | } | 169 | } |
134 | 170 | ||
135 | /* ========================================================================== | 171 | /* ========================================================================== |
172 | * 3 = Filters slider | ||
173 | * ========================================================================== */ | ||
174 | |||
175 | #filters button { | ||
176 | padding: 0px; | ||
177 | width: 100%; | ||
178 | } | ||
179 | |||
180 | /* ========================================================================== | ||
136 | 3 = Cards | 181 | 3 = Cards |
137 | ========================================================================== */ | 182 | ========================================================================== */ |
138 | 183 | ||
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..4adc1a8d 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,16 @@ | |||
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 | $('#filters').css({ "left": "auto" }); | ||
7 | $('#clean_form_filters').click(function(){ | ||
8 | $('#filters input').val(''); | ||
9 | return false; | ||
10 | }); | ||
11 | } | ||
12 | } | ||
13 | |||
1 | $(document).ready(function(){ | 14 | $(document).ready(function(){ |
2 | // sideNav | 15 | // sideNav |
3 | $('.button-collapse').sideNav(); | 16 | $('.button-collapse').sideNav(); |
@@ -5,6 +18,7 @@ $(document).ready(function(){ | |||
5 | $('.collapsible').collapsible({ | 18 | $('.collapsible').collapsible({ |
6 | accordion : false | 19 | accordion : false |
7 | }); | 20 | }); |
21 | init_filters(); | ||
8 | 22 | ||
9 | $('#nav-btn-add').click(function(){ | 23 | $('#nav-btn-add').click(function(){ |
10 | $(".nav-panel-buttom").hide(100); | 24 | $(".nav-panel-buttom").hide(100); |