aboutsummaryrefslogtreecommitdiffhomepage
path: root/assets
diff options
context:
space:
mode:
Diffstat (limited to 'assets')
-rw-r--r--assets/default/img/icon.pngbin530 -> 0 bytes
-rw-r--r--assets/default/js/base.js22
-rw-r--r--assets/default/scss/shaarli.scss35
3 files changed, 52 insertions, 5 deletions
diff --git a/assets/default/img/icon.png b/assets/default/img/icon.png
deleted file mode 100644
index 474edec3..00000000
--- a/assets/default/img/icon.png
+++ /dev/null
Binary files differ
diff --git a/assets/default/js/base.js b/assets/default/js/base.js
index 99e03370..d5c29c69 100644
--- a/assets/default/js/base.js
+++ b/assets/default/js/base.js
@@ -466,6 +466,28 @@ function init(description) {
466 }); 466 });
467 } 467 }
468 468
469 const changeVisibilityButtons = document.querySelectorAll('.actions-change-visibility');
470 if (changeVisibilityButtons != null && token != null) {
471 [...changeVisibilityButtons].forEach((button) => {
472 button.addEventListener('click', (event) => {
473 event.preventDefault();
474 const visibility = event.target.getAttribute('data-visibility');
475
476 const links = [];
477 const linkCheckedCheckboxes = document.querySelectorAll('.link-checkbox:checked');
478 [...linkCheckedCheckboxes].forEach((checkbox) => {
479 links.push({
480 id: checkbox.value,
481 title: document.querySelector(`.linklist-item[data-id="${checkbox.value}"] .linklist-link`).innerHTML,
482 });
483 });
484
485 const ids = links.map(item => item.id);
486 window.location = `?change_visibility&token=${token.value}&newVisibility=${visibility}&ids=${ids.join('+')}`;
487 });
488 });
489 }
490
469 /** 491 /**
470 * Select all button 492 * Select all button
471 */ 493 */
diff --git a/assets/default/scss/shaarli.scss b/assets/default/scss/shaarli.scss
index 760d8d6a..9e5464a0 100644
--- a/assets/default/scss/shaarli.scss
+++ b/assets/default/scss/shaarli.scss
@@ -1,6 +1,6 @@
1$fa-font-path: '~font-awesome/fonts'; 1$fa-font-path: '~fork-awesome/fonts';
2 2
3@import '~font-awesome/scss/font-awesome'; 3@import '~fork-awesome/scss/fork-awesome';
4@import '~purecss/build/pure.css'; 4@import '~purecss/build/pure.css';
5@import '~purecss/build/grids-responsive.css'; 5@import '~purecss/build/grids-responsive.css';
6@import '~pure-extras/css/pure-extras.css'; 6@import '~pure-extras/css/pure-extras.css';
@@ -13,7 +13,7 @@ $dark-grey: #252525;
13$light-grey: #797979; 13$light-grey: #797979;
14$main-green: #1b926c; 14$main-green: #1b926c;
15$light-green: #b0ddce; 15$light-green: #b0ddce;
16$dark-green: #2a4c41; 16$dark-green: #186446;
17$red: #ac2925; 17$red: #ac2925;
18$orange: #f89406; 18$orange: #f89406;
19$blue: #0b5ea6; 19$blue: #0b5ea6;
@@ -544,7 +544,10 @@ body,
544 color: $dark-grey; 544 color: $dark-grey;
545 font-size: .9em; 545 font-size: .9em;
546 546
547
547 a { 548 a {
549 display: inline-block;
550 margin: 3px 0;
548 padding: 5px 8px; 551 padding: 5px 8px;
549 text-decoration: none; 552 text-decoration: none;
550 } 553 }
@@ -713,11 +716,19 @@ body,
713 } 716 }
714 } 717 }
715 718
719 .label {
720 font-family: Arial, sans-serif;
721 font-size: .65em;
722 }
723
716 .label-private { 724 .label-private {
717 border: solid 1px $orange; 725 border: solid 1px $orange;
718 color: $orange; 726 color: $orange;
719 font-family: Arial, sans-serif; 727 }
720 font-size: .65em; 728
729 .label-sticky {
730 border: solid 1px $blue;
731 color: $blue;
721 } 732 }
722} 733}
723 734
@@ -1600,3 +1611,17 @@ form {
1600 white-space: nowrap; 1611 white-space: nowrap;
1601 } 1612 }
1602} 1613}
1614
1615// Print rules
1616@media print {
1617 .shaarli-menu {
1618 position: absolute;
1619 }
1620
1621 .search-linklist,
1622 .link-count-block,
1623 .linklist-item-infos-controls-group,
1624 .mobile-buttons {
1625 display: none;
1626 }
1627}