Mercurial > nebulaweb3

comparison default/assets/scss/components/_lists.scss @ 0:1d038bc9b3d2 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1d038bc9b3d2
1 // main: ../style.scss
2 /********************************
3 *********************************
4 LISTS
5 *********************************
6 *********************************/
7
8 .list-group {
9 .list-icon {
10 font-size: em(18);
11 position: relative;
12
13 // &.float-left, &.float-right {
14 // top: 1px;
15 // }
16 }
17
18 .badge {
19 margin-top: em(2);
20 }
21 }
22
23
24 /* Sortable Lists
25 ========================*/
26 .list-group.sortable {
27 .list-group-item {
28 @include clearfix();
29 border-radius: em(2);
30 margin-bottom: em(5);
31 @include padding( em(15) null );
32 }
33
34 .list-icon {
35 font-size: em(18);
36 position: relative;
37 top: em(-2,18);
38 }
39
40 a {
41 .list-icon {
42 color: $nav-icon-color;
43 }
44
45 &:hover .list-icon {
46 color: $nav-link-color;
47 }
48 }
49
50 .ui-sortable-placeholder {
51 height: em(53);
52 border: rem(2) dashed $nav-icon-color !important;
53 background: none !important;
54 margin-bottom: em(5);
55 list-style: none;
56 visibility: visible !important;
57 }
58 }
59
60
61 /* Nestable Sortable List
62 ========================*/
63 .dd-dragel,
64 .dd {
65 display: block;
66 width: 100%;
67 max-width: none;
68 .dd-item {
69 position: relative;
70
71 .dd-list {
72 padding-left: em(40);
73 }
74
75 .dd-handle {
76 cursor: move;
77 }
78
79 > div,
80 .dd-handle {
81 font-weight: normal;
82 font-size: $font-size-base;
83 color: $body-color;
84 border: rem(1) solid #ddd;
85 padding: em(10) em(20);
86 height: em(40);
87 background: #fff;
88 @include margin( em(10) 0);
89 }
90
91 > button.dd-expand,
92 > button.dd-collapse {
93 line-height: 1;
94 font-size: em(16,13);
95 text-align: center;
96 opacity: 0.2;
97 @include size( em(40,16), em(40,16) );
98 @include margin( 0 0 0 0);
99
100 &:before { font-family: 'Material Icons' }
101 }
102
103 > button.dd-collapse::before { content: 'remove' }
104 > button.dd-expand::before { content: 'add' }
105
106 &.dd3-item {
107 padding-left: em(38,13);
108 .dd-list {
109 padding-left: 0;
110 }
111 }
112
113 .dd3-handle {
114 background: #eee;
115 @include size( em(40) );
116 line-height: em(40);
117 text-align: center;
118 display: inline-block;
119 padding: 0;
120 margin: 0;
121 @include position(absolute, 0 null null 0);
122
123 &:before {
124 content: "open_with";
125 font-family: 'Material Icons';
126 text-indent: 0;
127 }
128 }
129 }
130 }