From b06df8ad9f22e61be3d0004297d1ade66b3f59bd Mon Sep 17 00:00:00 2001
From: Simon Vieille
Date: Wed, 3 Feb 2021 10:27:08 +0100
Subject: [PATCH] update ui of admin lists
---
css/admin.css | 14 +++--
src/admin.js | 4 +-
templates/settings/admin-form.php | 94 ++++++++++++++++---------------
3 files changed, 61 insertions(+), 51 deletions(-)
diff --git a/css/admin.css b/css/admin.css
index 61f7c1a..0fce026 100644
--- a/css/admin.css
+++ b/css/admin.css
@@ -69,16 +69,15 @@
cursor: pointer;
}
-.side-menu-setting#categories-list ul {
+.side-menu-setting-list {
margin: 10px 4px 4px 0px;
}
-.side-menu-setting#categories-list li {
+.side-menu-setting-list-item {
padding: 5px 10px;
- border: 1px solid #ccc;
+ border: 1px solid var(--color-border-dark);
max-width: 300px;
- margin: 2px 0;
- border-radius: 4px;
+ margin: -1px 0 0 0;
cursor: pointer;
}
@@ -86,3 +85,8 @@
color: #ccc;
padding-right: 5px;
}
+
+.side-menu-setting-list-item input {
+ min-height: auto;
+ margin-top: -1px;
+}
diff --git a/src/admin.js b/src/admin.js
index 63504a8..436b44a 100644
--- a/src/admin.js
+++ b/src/admin.js
@@ -130,13 +130,13 @@ jQuery(document).ready(() => {
elementToggler(element)
})
- jQuery("#categories-list ul").sortable({
+ jQuery("#categories-list .side-menu-setting-list").sortable({
forcePlaceholderSize: true,
placeholder: 'placeholder',
stop: function (event, ui) {
let value = []
- jQuery('#categories-list li').each(function() {
+ jQuery('#categories-list .side-menu-setting-list-item').each(function() {
value.push(jQuery(this).attr('data-id'))
});
diff --git a/templates/settings/admin-form.php b/templates/settings/admin-form.php
index ecf4ca3..9524ebf 100644
--- a/templates/settings/admin-form.php
+++ b/templates/settings/admin-form.php
@@ -386,21 +386,23 @@ $choicesSizes = [
@@ -458,21 +460,23 @@ $choicesSizes = [
@@ -511,21 +515,23 @@ $choicesSizes = [
@@ -568,9 +574,9 @@ $choicesSizes = [