Commit | Line | Data |
---|---|---|
d8475f48 | 1 | .sortableList:not(.tabularList) { |
c5168804 AE |
2 | list-style: decimal outside; |
3 | margin-left: 20px; | |
4 | } | |
5 | ||
6 | .sortableNode { | |
cd7f7291 | 7 | cursor: move; |
8a52619a | 8 | |
c5168804 AE |
9 | &:not(:last-child) { |
10 | border-bottom: 1px solid $wcfContentBorderInner; | |
11 | } | |
8a52619a | 12 | |
c5168804 AE |
13 | > .sortableList { |
14 | //padding-left: 20px; | |
8a52619a | 15 | |
c5168804 AE |
16 | &:not(:empty) { |
17 | border-top: 1px solid $wcfContentBorderInner; | |
18 | } | |
19 | } | |
20 | } | |
21 | ||
22 | .sortableNodeLabel { | |
23 | align-items: center; | |
c5168804 | 24 | padding: 10px; |
8a52619a | 25 | |
c5168804 AE |
26 | /* `display:flex` acts weird inside lists with a visible list-style */ |
27 | display: inline-flex; | |
28 | width: 100%; | |
8a52619a | 29 | |
c5168804 | 30 | &:hover { |
8a52619a | 31 | background-color: $wcfTabularBoxBackgroundActive; |
c5168804 | 32 | } |
8a52619a | 33 | |
7d54b63d AE |
34 | &:not(.sortableNodeStaticItem) { |
35 | cursor: move; | |
36 | } | |
8a52619a | 37 | |
c5168804 AE |
38 | > .icon, |
39 | > a { | |
c5168804 AE |
40 | margin-right: 5px; |
41 | } | |
8a52619a | 42 | |
62f45dca AE |
43 | > .icon { |
44 | flex: 0 0 auto; | |
45 | } | |
8a52619a | 46 | |
62f45dca AE |
47 | > a { |
48 | flex: 0 1 auto; | |
49 | overflow: hidden; | |
50 | text-overflow: ellipsis; | |
51 | white-space: nowrap; | |
52 | } | |
8a52619a | 53 | |
c5168804 AE |
54 | > .statusDisplay { |
55 | align-items: center; | |
56 | display: flex; | |
62f45dca | 57 | flex: 1 0 auto; |
c5168804 | 58 | justify-content: flex-end; |
8a52619a | 59 | |
c5168804 AE |
60 | > a, |
61 | > span { | |
62 | cursor: pointer; | |
63 | flex: 0 0 auto; | |
64 | margin-left: 5px; | |
65 | } | |
c5dd767e | 66 | } |
c5168804 AE |
67 | } |
68 | ||
69 | .sortablePlaceholder { | |
70 | background-color: $wcfStatusWarningBackground; | |
71 | border: 1px solid $wcfStatusWarningBorder; | |
72 | color: $wcfStatusWarningText; | |
73 | padding: 10px; | |
8a52619a | 74 | |
c5168804 AE |
75 | &.sortableInvalidTarget { |
76 | background-color: $wcfStatusErrorBackground; | |
77 | border-color: $wcfStatusErrorBorder; | |
78 | color: $wcfStatusErrorText; | |
79 | } | |
80 | } | |
62f45dca AE |
81 | |
82 | @include screen-xs { | |
83 | .sortableNodeHandle { | |
84 | display: none; | |
85 | } | |
86 | } | |
87 | @include screen-lg { | |
88 | .sortableNodeHandle { | |
89 | display: none; | |
90 | } | |
91 | } |