diff --git a/admin/themes/default/js/albums.js b/admin/themes/default/js/albums.js
index e1f41a163..3caea4da3 100644
--- a/admin/themes/default/js/albums.js
+++ b/admin/themes/default/js/albums.js
@@ -29,15 +29,29 @@ $(document).ready(() => {
+'';
action_order = "";
+ action_small =
+ "
";
+
cont = li.find('.jqtree-element');
cont.addClass('move-cat-container');
cont.attr('id', 'cat-'+node.id)
cont.html('');
cont.append(actions);
-
cont.find('.move-cat-action .move-cat-see').after(action_order);
+ cont.find('.move-cat-action').before(action_small);
+ cont.find(".toggle-cat-option").on("click", function () {
+ $(".cat-option").hide();
+ $(this).find(".cat-option").toggle();
+ })
+
if (node.children.length != 0) {
open_nodes = $('.tree').tree('getState').open_nodes;
if (open_nodes.includes(node.id)) {
diff --git a/admin/themes/default/template/albums.tpl b/admin/themes/default/template/albums.tpl
index 34161a598..ef9420b37 100644
--- a/admin/themes/default/template/albums.tpl
+++ b/admin/themes/default/template/albums.tpl
@@ -528,7 +528,7 @@ input[name="position"] {
}
.jqtree-moving .move-cat-container .badge-container i,
-.jqtree-moving .move-cat-container .node-icon{
+.jqtree-moving .move-cat-container .node-icon {
color: #ffd7ad;
background-color: #f98100;
}
@@ -539,7 +539,45 @@ input[name="position"] {
.dragging .move-cat-container .move-cat-toogler,
.dragging .move-cat-container .move-cat-action-cont a,
-.dragging .move-cat-container .move-cat-title-container{
+.dragging .move-cat-container .move-cat-title-container,
+.dragging .move-cat-action-small {
pointer-events: all;
}
+
+.move-cat-action-small {
+ display: none;
+ position: relative;
+ right: 10px;
+ font-weight: bold;
+ cursor: pointer;
+ transform: scale(1.2);
+ padding: 20px 10px;
+}
+
+@media (max-width: 1415px) {
+ .badge-container .last-update {
+ display: none;
+ }
+}
+
+@media (max-width: 1300px) {
+ .badge-container {
+ display: none;
+ }
+}
+
+@media (max-width: 1230px) {
+ .badge-container {
+ display: none;
+ }
+
+ .move-cat-action {
+ display: none;
+ }
+
+ .move-cat-action-small {
+ display: flex;
+ }
+}
+
\ No newline at end of file
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index 7a330b420..c1e6461fd 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -684,6 +684,17 @@ LI.menuLi {
border-color: transparent transparent #ff7700 transparent;
}
+#catOptionsSmall.dropdown::after {
+ content: " ";
+ position: absolute;
+ bottom: 100%;
+ left: 85%;
+ margin-left: -5px;
+ border-width: 5px;
+ border-style: solid;
+ border-color: transparent transparent #ff7700 transparent;
+}
+
.dropdown-content {
position: relative;
}
@@ -4216,7 +4227,7 @@ FORM#categoryOrdering p.albumActions .userSeparator {margin:0 5px;}
transform: translate(50%, -50%);
align-items: center;
flex-direction: row-reverse;
- overflow: hidden;
+ /* overflow: hidden; */
}
.move-cat-action {
@@ -4964,7 +4975,7 @@ input:checked + .slider:before, input:checked + .slider::after {
cursor: pointer;
}
-#GroupOptions{
+#GroupOptions {
display:none;
z-index:1;
position:absolute;
@@ -4972,6 +4983,12 @@ input:checked + .slider:before, input:checked + .slider::after {
left:50%;
top: 37px;
}
+#catOptionsSmall{
+ display:none;
+ position:absolute;
+ right: -10px;
+ top: 40px;
+}
.is-default-token {
display: block;