source: trip-planner-front/node_modules/primeng/resources/components/treetable/treetable.css

Last change on this file was 59329aa, checked in by Ema <ema_spirova@…>, 3 years ago

adding photos

  • Property mode set to 100644
File size: 3.8 KB
Line 
1.p-treetable {
2 position: relative;
3}
4
5.p-treetable table {
6 border-collapse: collapse;
7 width: 100%;
8 table-layout: fixed;
9}
10
11.p-treetable .p-sortable-column {
12 cursor: pointer;
13 user-select: none;
14}
15
16.p-treetable .p-sortable-column .p-column-title,
17.p-treetable .p-sortable-column .p-sortable-column-icon,
18.p-treetable .p-sortable-column .p-sortable-column-badge {
19 vertical-align: middle;
20}
21
22.p-treetable .p-sortable-column .p-sortable-column-badge {
23 display: inline-flex;
24 align-items: center;
25 justify-content: center;
26}
27
28.p-treetable-auto-layout > .p-treetable-wrapper {
29 overflow-x: auto;
30}
31
32.p-treetable-auto-layout > .p-treetable-wrapper > table {
33 table-layout: auto;
34}
35
36.p-treetable-hoverable-rows .p-treetable-tbody > tr {
37 cursor: pointer;
38}
39
40.p-treetable-toggler {
41 cursor: pointer;
42 user-select: none;
43 display: inline-flex;
44 align-items: center;
45 justify-content: center;
46 vertical-align: middle;
47 overflow: hidden;
48 position: relative;
49}
50
51p-treetabletoggler + p-treetablecheckbox .p-checkbox {
52 vertical-align: middle;
53}
54
55p-treetabletoggler + p-treetablecheckbox + span {
56 vertical-align: middle;
57}
58
59/* Scrollable */
60.p-treetable-scrollable-wrapper {
61 position: relative;
62}
63
64.p-treetable-scrollable-header,
65.p-treetable-scrollable-footer {
66 overflow: hidden;
67}
68
69.p-treetable-scrollable-body {
70 overflow: auto;
71 position: relative;
72}
73
74.p-treetable-scrollable-body > table > .p-treetable-tbody > tr:first-child > td {
75 border-top: 0 none;
76}
77
78.p-treetable-virtual-table {
79 position: absolute;
80}
81
82/* Frozen Columns */
83.p-treetable-frozen-view .p-treetable-scrollable-body {
84 overflow: hidden;
85}
86
87.p-treetable-frozen-view > .p-treetable-scrollable-body > table > .p-treetable-tbody > tr > td:last-child {
88 border-right: 0 none;
89}
90
91.p-treetable-unfrozen-view {
92 position: absolute;
93 top: 0;
94}
95
96/* Flex Scrollable */
97.p-treetable-flex-scrollable {
98 display: flex;
99 flex-direction: column;
100 flex: 1;
101 height: 100%;
102}
103
104.p-treetable-flex-scrollable .p-treetable-scrollable-wrapper,
105.p-treetable-flex-scrollable .p-treetable-scrollable-view {
106 display: flex;
107 flex-direction: column;
108 flex: 1;
109 height: 100%;
110}
111
112.p-treetable-flex-scrollable .p-treetable-scrollable-body {
113 flex: 1;
114}
115
116/* Resizable */
117.p-treetable-resizable > .p-treetable-wrapper {
118 overflow-x: auto;
119}
120
121.p-treetable-resizable .p-treetable-thead > tr > th,
122.p-treetable-resizable .p-treetable-tfoot > tr > td,
123.p-treetable-resizable .p-treetable-tbody > tr > td {
124 overflow: hidden;
125}
126
127.p-treetable-resizable .p-resizable-column {
128 background-clip: padding-box;
129 position: relative;
130}
131
132.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
133 display: none;
134}
135
136.p-treetable .p-column-resizer {
137 display: block;
138 position: absolute !important;
139 top: 0;
140 right: 0;
141 margin: 0;
142 width: .5rem;
143 height: 100%;
144 padding: 0px;
145 cursor:col-resize;
146 border: 1px solid transparent;
147}
148
149.p-treetable .p-column-resizer-helper {
150 width: 1px;
151 position: absolute;
152 z-index: 10;
153 display: none;
154}
155
156.p-treetable .p-row-editor-init,
157.p-treetable .p-row-editor-save,
158.p-treetable .p-row-editor-cancel {
159 display: inline-flex;
160 align-items: center;
161 justify-content: center;
162 overflow: hidden;
163 position: relative;
164}
165
166/* Expand */
167.p-treetable .p-row-toggler {
168 display: inline-flex;
169 align-items: center;
170 justify-content: center;
171 overflow: hidden;
172 position: relative;
173}
174
175/* Reorder */
176.p-treetable-reorder-indicator-up,
177.p-treetable-reorder-indicator-down {
178 position: absolute;
179 display: none;
180}
181
182[ttReorderableColumn] {
183 cursor: move;
184}
185
186/* Loader */
187.p-treetable .p-treetable-loading-overlay {
188 position: absolute;
189 display: flex;
190 align-items: center;
191 justify-content: center;
192 z-index: 2;
193}
Note: See TracBrowser for help on using the repository browser.