Mercurial > nebulaweb3
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; +}