mirror of
https://github.com/wallabag/wallabag.git
synced 2025-08-01 17:38:38 +00:00
Sticky nav on entry action button click
This commit is contained in:
parent
996b2ec170
commit
cfd77d1c2a
5 changed files with 17 additions and 4 deletions
|
@ -131,6 +131,11 @@ nav {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.entry-nav-top--sticky {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 993px) {
|
||||
.button-collapse {
|
||||
display: none;
|
||||
|
|
|
@ -17,6 +17,13 @@ import './js/shortcuts/entry';
|
|||
/* Theme style */
|
||||
import './css/index.scss';
|
||||
|
||||
const stickyNav = () => {
|
||||
const nav = $('.js-entry-nav-top');
|
||||
$('[data-toggle="actions"]').click(() => {
|
||||
nav.toggleClass('entry-nav-top--sticky');
|
||||
});
|
||||
};
|
||||
|
||||
$(document).ready(() => {
|
||||
// sideNav
|
||||
$('.button-collapse').sideNav();
|
||||
|
@ -36,6 +43,7 @@ $(document).ready(() => {
|
|||
initFilters();
|
||||
initExport();
|
||||
initRandom();
|
||||
stickyNav();
|
||||
|
||||
const toggleNav = (toShow, toFocus) => {
|
||||
$('.nav-panel-actions').hide(100);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue