diff default/node_modules/nestable2/jquery.nestable.scss @ 0:1d038bc9b3d2 default tip

Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/default/node_modules/nestable2/jquery.nestable.scss	Sat May 31 09:21:51 2025 +0800
@@ -0,0 +1,146 @@
+$nestable-root-class: dd;
+$nestable-list-class: dd-list;
+$nestable-item-class: dd-item;
+$nestable-drag-class: dd-dragel;
+$nestable-handle-class: dd-handle;
+$nestable-collapsed-class: dd-collapsed;
+$nestable-placeholder-class: dd-placeholder;
+$nestable-no-children-class: dd-nochildren;
+$nestable-empty-class: dd-empty;
+
+.#{$nestable-root-class} {
+  position: relative;
+  display: block;
+  margin: 0;
+  padding: 0;
+  max-width: 600px;
+  list-style: none;
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.#{$nestable-list-class} {
+  display: block;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+
+  .#{$nestable-list-class} {
+    padding-left: 30px;
+  }
+}
+
+.#{$nestable-item-class},
+.#{$nestable-empty-class},
+.#{$nestable-placeholder-class} {
+  display: block;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  min-height: 20px;
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.#{$nestable-handle-class} {
+  display: block;
+  height: 30px;
+  margin: 5px 0;
+  padding: 5px 10px;
+  color: #333;
+  text-decoration: none;
+  font-weight: bold;
+  border: 1px solid #ccc;
+  background: #fafafa;
+  border-radius: 3px;
+  box-sizing: border-box;
+
+  &:hover {
+    color: #2ea8e5;
+    background: #fff;
+  }
+}
+
+.#{$nestable-item-class} > button {
+  position: relative;
+  cursor: pointer;
+  float: left;
+  width: 25px;
+  height: 20px;
+  margin: 5px 0;
+  padding: 0;
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  border: 0;
+  background: transparent;
+  font-size: 12px;
+  line-height: 1;
+  text-align: center;
+  font-weight: bold;
+
+  &:before {
+    display: block;
+    position: absolute;
+    width: 100%;
+    text-align: center;
+    text-indent: 0;
+  }
+
+  &.dd-expand:before {
+    content: '+';
+  }
+
+  &.dd-collapse:before {
+    content: '-';
+  }
+}
+
+.dd-expand {
+  display: none;
+}
+.#{$nestable-collapsed-class} .#{$nestable-list-class},
+.#{$nestable-collapsed-class} .dd-collapse {
+  display: none;
+}
+.#{$nestable-collapsed-class} .dd-expand {
+  display: block;
+}
+
+.#{$nestable-empty-class},
+.#{$nestable-placeholder-class} {
+  margin: 5px 0;
+  padding: 0;
+  min-height: 30px;
+  background: #f2fbff;
+  border: 1px dashed #b6bcbf;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+}
+
+.#{$nestable-empty-class} {
+  border: 1px dashed #bbb;
+  min-height: 100px;
+  background-color: #e5e5e5;
+  background-size: 60px 60px;
+  background-position: 0 0, 30px 30px;
+}
+
+.#{$nestable-drag-class} {
+  position: absolute;
+  pointer-events: none;
+  z-index: 9999;
+
+  &> .#{$nestable-item-class} .#{$nestable-handle-class} {
+    margin-top: 0;
+  }
+
+  .#{$nestable-handle-class} {
+    box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
+  }
+}
+
+.#{$nestable-no-children-class} .#{$nestable-placeholder-class} {
+  display: none;
+}