From d94e6e69dd16e1dcf56f42ee97e0bcfb48214db2 Mon Sep 17 00:00:00 2001 From: ArthurHoaro Date: Mon, 13 Aug 2018 10:55:13 +0200 Subject: Fix input size for dropdown search form --- assets/default/scss/shaarli.scss | 2 -- 1 file changed, 2 deletions(-) (limited to 'assets') diff --git a/assets/default/scss/shaarli.scss b/assets/default/scss/shaarli.scss index 6b286f1e..b8578ea6 100644 --- a/assets/default/scss/shaarli.scss +++ b/assets/default/scss/shaarli.scss @@ -381,8 +381,6 @@ body, box-shadow: 0 1px 0 $light-shadow, 0 1px 4px $dark-shadow inset; background: $almost-white; padding: 5px 5px 3px 15px; - width: 20%; - height: 20px; color: $dark-grey; } -- cgit v1.2.3 From fc574e64544db2f7b56443a827e17d58c7561804 Mon Sep 17 00:00:00 2001 From: ArthurHoaro Date: Mon, 13 Aug 2018 13:13:26 +0200 Subject: Add a button to toggle all checkboxes of displayed links Related to #1160 --- assets/default/js/base.js | 27 +++++++++++++++++++++++---- assets/default/scss/shaarli.scss | 2 +- 2 files changed, 24 insertions(+), 5 deletions(-) (limited to 'assets') diff --git a/assets/default/js/base.js b/assets/default/js/base.js index 8bf79d3e..951e3f4d 100644 --- a/assets/default/js/base.js +++ b/assets/default/js/base.js @@ -422,12 +422,12 @@ function init(description) { /** * Bulk actions */ - const linkCheckboxes = document.querySelectorAll('.delete-checkbox'); + const linkCheckboxes = document.querySelectorAll('.link-checkbox'); const bar = document.getElementById('actions'); [...linkCheckboxes].forEach((checkbox) => { checkbox.style.display = 'inline-block'; - checkbox.addEventListener('click', () => { - const linkCheckedCheckboxes = document.querySelectorAll('.delete-checkbox:checked'); + checkbox.addEventListener('change', () => { + const linkCheckedCheckboxes = document.querySelectorAll('.link-checkbox:checked'); const count = [...linkCheckedCheckboxes].length; if (count === 0 && bar.classList.contains('open')) { bar.classList.toggle('open'); @@ -444,7 +444,7 @@ function init(description) { event.preventDefault(); const links = []; - const linkCheckedCheckboxes = document.querySelectorAll('.delete-checkbox:checked'); + const linkCheckedCheckboxes = document.querySelectorAll('.link-checkbox:checked'); [...linkCheckedCheckboxes].forEach((checkbox) => { links.push({ id: checkbox.value, @@ -466,6 +466,25 @@ function init(description) { }); } + /** + * Select all button + */ + const selectAllButtons = document.querySelectorAll('.select-all-button'); + [...selectAllButtons].forEach((selectAllButton) => { + selectAllButton.addEventListener('click', (e) => { + e.preventDefault(); + const checked = selectAllButton.classList.contains('filter-off'); + [...selectAllButtons].forEach((selectAllButton2) => { + selectAllButton2.classList.toggle('filter-off'); + selectAllButton2.classList.toggle('filter-on'); + }); + [...linkCheckboxes].forEach((linkCheckbox) => { + linkCheckbox.checked = checked; + linkCheckbox.dispatchEvent(new Event('change')); + }); + }); + }); + /** * Tag list operations * diff --git a/assets/default/scss/shaarli.scss b/assets/default/scss/shaarli.scss index b8578ea6..7e7302fa 100644 --- a/assets/default/scss/shaarli.scss +++ b/assets/default/scss/shaarli.scss @@ -740,7 +740,7 @@ body, font-size: 1em; } - .delete-checkbox { + .link-checkbox { display: none; } } -- cgit v1.2.3 From 4fa9a3c5d83a1024678596a586afe5df14a345b5 Mon Sep 17 00:00:00 2001 From: ArthurHoaro Date: Thu, 16 Aug 2018 17:25:47 +0200 Subject: Fix a JS bug preventing AJAX tag deletion to work Fixes #1214 --- assets/default/js/base.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'assets') diff --git a/assets/default/js/base.js b/assets/default/js/base.js index 8bf79d3e..1b8d8c36 100644 --- a/assets/default/js/base.js +++ b/assets/default/js/base.js @@ -548,7 +548,7 @@ function init(description) { event.preventDefault(); const block = findParent(event.target, 'div', { class: 'tag-list-item' }); const tag = block.getAttribute('data-tag'); - const refreshedToken = document.getElementById('token'); + const refreshedToken = document.getElementById('token').value; if (confirm(`Are you sure you want to delete the tag "${tag}"?`)) { const xhr = new XMLHttpRequest(); -- cgit v1.2.3 From 4154c25b5f2f8044a37d7f84e04173bb54f2375b Mon Sep 17 00:00:00 2001 From: ArthurHoaro Date: Tue, 22 May 2018 22:44:38 +0200 Subject: Add a button to set links as sticky Meaning that they always appear on top of all links Fixes #186 --- assets/default/scss/shaarli.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'assets') diff --git a/assets/default/scss/shaarli.scss b/assets/default/scss/shaarli.scss index b8578ea6..037183dd 100644 --- a/assets/default/scss/shaarli.scss +++ b/assets/default/scss/shaarli.scss @@ -755,6 +755,14 @@ body, font-size: 1.3em; } +.pin-link { + font-size: 1.3em; +} + +.pinned-link { + color: #0b5ea6 !important; +} + .linklist-item-description { position: relative; padding: 0 10px; @@ -848,6 +856,10 @@ body, margin: 0 7px; } +.ctrl-delete { + margin: 0 7px 0 0; +} + // 64em -> lg @media screen and (max-width: 64em) { .linklist-item-infos-url { -- cgit v1.2.3 From d9bf5b31ff9e2d007ddfb7f7756184f0ca9676c8 Mon Sep 17 00:00:00 2001 From: ArthurHoaro Date: Sat, 6 Oct 2018 13:09:11 +0200 Subject: Sticky feature - Add translation and display for logged out users --- assets/default/scss/shaarli.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'assets') diff --git a/assets/default/scss/shaarli.scss b/assets/default/scss/shaarli.scss index 037183dd..55f9f0a1 100644 --- a/assets/default/scss/shaarli.scss +++ b/assets/default/scss/shaarli.scss @@ -756,11 +756,11 @@ body, } .pin-link { - font-size: 1.3em; + font-size: 1.3em; } .pinned-link { - color: #0b5ea6 !important; + color: $blue !important; } .linklist-item-description { @@ -857,7 +857,7 @@ body, } .ctrl-delete { - margin: 0 7px 0 0; + margin: 0 7px 0 0; } // 64em -> lg -- cgit v1.2.3