site map (with style)

css/_mixins.scss

@@ -51,9 +51,8 @@
 
 @mixin icon($fa-var, $padding: false) {
 	&:before {
-		@include fa-icon;
-		font-family: 'Font Awesome 5 Free';
-		font-weight: 900;
+		@extend %fa-icon;
+		@extend .fas;
 		content: fa-content($fa-var);
 		@if $padding {
 			padding: $padding;

css/_plan.scss

@@ -0,0 +1,65 @@
+.plan {
+    @import "css/vendors/jstree-bootstrap-theme";
+    .jstree-default {
+        strong {
+            font-weight: 300;
+        }
+        .jstree-node {
+            line-height: 2;
+        }
+        .jstree-anchor {
+            color: rgba(0,0,0,0.5);
+            .jstree-icon {
+                background: transparent;
+                width: auto;
+                height: auto;
+                margin: 0 0.5rem 0 0;
+                color: $gray-700;
+                width: 1rem;
+                text-align: center;
+                &.article {
+                    @include icon($fa-var-file);
+                }
+                &.rubrique {
+                    @include icon($fa-var-folder);
+                }
+                &.site {
+                    @include icon($fa-var-globe);
+                }
+                &.breve {
+                    @include icon($fa-var-newspaper);
+                }
+            }
+        }
+        .jstree-clicked, .jstree-hovered {
+            background: transparent;
+            border: none;
+            box-shadow: none;
+        }
+        .jstree-hovered {
+            color: rgba(0,0,0,0.7);
+        }
+        .jstree-search {
+            font-style: normal;
+        }
+    }
+    .jstree-container-ul {
+        overflow: hidden;
+    }
+
+    #mytree_actions { margin-bottom:0; margin-top:0; }
+    #mytree_actions input,
+    #mytree_actions .pliage { margin-right:0; }
+    #mytree_actions .statut {
+        background: transparent;
+        display:inline-block;
+    }
+}
+
+#vakata-dnd {
+    backdrop-filter: blur(1px);
+    background: rgba(255, 255, 255, 0.5);
+    img {
+        display: none;
+    }
+}

css/makicatta-prive.scss

@@ -60,12 +60,13 @@
 @import "../../lib/adminlte/build/scss/elevation";
 @import "../../lib/adminlte/build/scss/colors";
 
-@import "css/mixins";
 
+@import "css/mixins";
 @import "css/general";
 @import "css/boutons";
 @import "css/liste-objets";
 @import "css/formulaires";
 @import "css/edition";
 @import "css/messages";
-@import "css/select2";
+@import "css/select2";
+@import "css/plan";