diff options
author | Thomas Citharel <tcit@tcit.fr> | 2015-06-06 16:39:10 +0200 |
---|---|---|
committer | Thomas Citharel <tcit@tcit.fr> | 2015-06-06 16:39:10 +0200 |
commit | 22a46267beef273f8602d569a22281af2207fdbe (patch) | |
tree | 550d900c76f4c29c63d8970298b72f84113ad2d5 /themes/baggy | |
parent | ddbb2308a3302e2d2d6ff89f4dd3235f85d335e1 (diff) | |
download | wallabag-22a46267beef273f8602d569a22281af2207fdbe.tar.gz wallabag-22a46267beef273f8602d569a22281af2207fdbe.tar.zst wallabag-22a46267beef273f8602d569a22281af2207fdbe.zip |
implemented lots of keyboard shortcuts
Diffstat (limited to 'themes/baggy')
-rwxr-xr-x | themes/baggy/css/main.css | 61 | ||||
-rwxr-xr-x | themes/baggy/home.twig | 4 | ||||
-rwxr-xr-x | themes/baggy/view.twig | 3 |
3 files changed, 33 insertions, 35 deletions
diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index f2566bb9..9ca58fbe 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css | |||
@@ -399,19 +399,19 @@ footer a { | |||
399 | transition: all 0.5s ease; | 399 | transition: all 0.5s ease; |
400 | } | 400 | } |
401 | 401 | ||
402 | .entrie:hover { | 402 | .entrie:hover, .eselected { |
403 | box-shadow: 0 3px 10px rgba(0,0,0,1); | 403 | box-shadow: 0 3px 10px rgba(0,0,0,1); |
404 | } | 404 | } |
405 | 405 | ||
406 | .entrie:hover:after { | 406 | .entrie:hover:after, .eselected:after { |
407 | height: 40px; | 407 | height: 40px; |
408 | } | 408 | } |
409 | 409 | ||
410 | .entrie:hover:before { | 410 | .entrie:hover:before, .eselected:before { |
411 | bottom: 2.4em; | 411 | bottom: 2.4em; |
412 | } | 412 | } |
413 | 413 | ||
414 | .entrie:hover h2 a { | 414 | .entrie:hover h2 a, .eselected h2 a { |
415 | color: #666; | 415 | color: #666; |
416 | } | 416 | } |
417 | 417 | ||
@@ -421,9 +421,9 @@ footer a { | |||
421 | line-height: 1.2; | 421 | line-height: 1.2; |
422 | } | 422 | } |
423 | 423 | ||
424 | .entrie h2:after { | 424 | .entrie h2:after { |
425 | content: none; | 425 | content: none; |
426 | } | 426 | } |
427 | 427 | ||
428 | 428 | ||
429 | .entrie h2 a { | 429 | .entrie h2 a { |
@@ -437,16 +437,6 @@ footer a { | |||
437 | -o-transition: all 0.5s ease; | 437 | -o-transition: all 0.5s ease; |
438 | transition: all 0.5s ease; | 438 | transition: all 0.5s ease; |
439 | } | 439 | } |
440 | /* | ||
441 | .entrie h2 a:after { | ||
442 | content: ""; | ||
443 | position: absolute; | ||
444 | top: 0; | ||
445 | width: 100%; | ||
446 | height: 100%; | ||
447 | left: 0; | ||
448 | } | ||
449 | */ | ||
450 | 440 | ||
451 | .entrie p { | 441 | .entrie p { |
452 | color: #666; | 442 | color: #666; |
@@ -454,12 +444,8 @@ footer a { | |||
454 | line-height: 1.7; | 444 | line-height: 1.7; |
455 | } | 445 | } |
456 | 446 | ||
457 | .entrie h2 a:first-letter { | 447 | .entrie h2 a:first-letter { |
458 | text-transform: uppercase; | 448 | text-transform: uppercase; |
459 | } | ||
460 | |||
461 | .entrie:hover .tools { | ||
462 | bottom: 0; | ||
463 | } | 449 | } |
464 | 450 | ||
465 | .entrie .tools { | 451 | .entrie .tools { |
@@ -477,20 +463,25 @@ footer a { | |||
477 | transition: all 0.5s ease; | 463 | transition: all 0.5s ease; |
478 | } | 464 | } |
479 | 465 | ||
480 | .entrie .tools a { | 466 | .entrie:hover .tools, .eselected .tools { |
481 | color: #666; | 467 | bottom: 0; |
482 | text-decoration: none; | 468 | } |
483 | display: block; | ||
484 | padding: 0.4em; | ||
485 | } | ||
486 | 469 | ||
487 | .entrie .tools a:hover { | ||
488 | color: #FFF; | ||
489 | } | ||
490 | 470 | ||
491 | .entrie .tools li { | 471 | .entrie .tools a { |
492 | display: inline-block; | 472 | color: #666; |
493 | } | 473 | text-decoration: none; |
474 | display: block; | ||
475 | padding: 0.4em; | ||
476 | } | ||
477 | |||
478 | .entrie .tools a:hover { | ||
479 | color: #FFF; | ||
480 | } | ||
481 | |||
482 | .entrie .tools li { | ||
483 | display: inline-block; | ||
484 | } | ||
494 | 485 | ||
495 | .entrie:nth-child(3n+1) { | 486 | .entrie:nth-child(3n+1) { |
496 | margin-left: 0; | 487 | margin-left: 0; |
diff --git a/themes/baggy/home.twig b/themes/baggy/home.twig index 84fc8e8b..e1b78a26 100755 --- a/themes/baggy/home.twig +++ b/themes/baggy/home.twig | |||
@@ -107,4 +107,8 @@ | |||
107 | {% if constant('PDF') == 1 %}<a title="{% trans "Download the articles from this category in a pdf file" %}" href="./?pdf&method=category&value={{ view }}">{% trans "Download as PDF" %}</a>{% endif %} | 107 | {% if constant('PDF') == 1 %}<a title="{% trans "Download the articles from this category in a pdf file" %}" href="./?pdf&method=category&value={{ view }}">{% trans "Download as PDF" %}</a>{% endif %} |
108 | {% endif %} | 108 | {% endif %} |
109 | {% endif %} | 109 | {% endif %} |
110 | |||
111 | <script type="text/javascript"> | ||
112 | homeNavigation(); | ||
113 | </script> | ||
110 | {% endblock %} | 114 | {% endblock %} |
diff --git a/themes/baggy/view.twig b/themes/baggy/view.twig index ebc30b69..9ee64fc0 100755 --- a/themes/baggy/view.twig +++ b/themes/baggy/view.twig | |||
@@ -111,6 +111,9 @@ | |||
111 | // Use left and right arrow to navigate on with keyboard | 111 | // Use left and right arrow to navigate on with keyboard |
112 | navigateKeyboard('?view=view&id={{ navigate.nextid|e }}','?view=view&id={{ navigate.previousid|e }}'); | 112 | navigateKeyboard('?view=view&id={{ navigate.nextid|e }}','?view=view&id={{ navigate.previousid|e }}'); |
113 | 113 | ||
114 | // use keyboard to do actions | ||
115 | actionArticle('{{ entry.id|e }}'); | ||
116 | |||
114 | // swipe to right or left on mobile to navigate | 117 | // swipe to right or left on mobile to navigate |
115 | $('article').on("swiperight", function(){ | 118 | $('article').on("swiperight", function(){ |
116 | goLeft('?view=view&id={{ navigate.nextid|e }}'); | 119 | goLeft('?view=view&id={{ navigate.nextid|e }}'); |