Changes for page CHOPlist

Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -1,159 +1,189 @@
1		-{{html clean="false"}}
	1	+{{html}}
2	2	<style>
3		-/* ============================================
4		- CHOP-Livetable – allgemeine Formatierung
5		- ============================================ */
6	6
7		-/* Innere Tabelle */
	4	+/* ============================================================
	5	+ CHOP-LIVETABLE
	6	+ ============================================================ */
	7	+
	8	+/* Gesamte Livetable */
	9	+#choplist {
	10	+ width: 100%;
	11	+}
	12	+
	13	+/* Die eigentliche Datentabelle */
8	8	#choplist .xwiki-livetable-display {
9		- width: 100% !important;
10		- border-collapse: collapse !important;
11		- border-spacing: 0 !important;
12		- table-layout: fixed !important;
	15	+ width: 100%;
	16	+ border-collapse: collapse;
	17	+ table-layout: fixed;
13	13	}
14	14
15		-/* ============================================
16		- Kopfzeile
17		- ============================================ */
	20	+/* ============================================================
	21	+ KOPFZEILE
	22	+ ============================================================ */
18	18
19		-#choplist .xwiki-livetable-display > thead > tr:first-child > th {
20		- font-weight: 700 !important;
21		- font-size: 1.1em !important;
22		- padding: 8px 6px !important;
23		- border: 1px solid #999 !important;
24		- background-color: #1E90FF !important;
25		- vertical-align: middle !important;
	24	+#choplist .xwiki-livetable-display-header th {
	25	+ font-weight: bold;
	26	+ font-size: 1.1em;
	27	+ background-color: #f0f0f0;
	28	+ border: 1px solid #b5b5b5;
	29	+ padding: 8px 10px;
	30	+ vertical-align: middle;
26	26	}
27	27
28		-#choplist .xwiki-livetable-display > thead > tr:first-child > th a {
29		- font-weight: 700 !important;
30		- font-size: inherit !important;
	33	+/* Auch die Links in den Überschriften fett */
	34	+#choplist .xwiki-livetable-display-header th a {
	35	+ font-weight: bold;
31	31	}
32	32
33		-/* ============================================
34		- Filterzeile
35		- ============================================ */
	38	+/* ============================================================
	39	+ FILTERZEILE
	40	+ ============================================================ */
36	36
37		-#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td {
38		- border: 1px solid #bbbbbb !important;
39		- padding: 4px !important;
40		- vertical-align: middle !important;
	42	+#choplist .xwiki-livetable-display-filters td {
	43	+ border: 1px solid #b5b5b5;
	44	+ padding: 5px;
	45	+ background-color: #fafafa;
41	41	}
42	42
43		-/* Filterfelder möglichst über die ganze Spalte */
44		-#choplist .xwiki-livetable-display-filters input[type="text"],
45		-#choplist .xwiki-livetable-display-filters select {
46		- max-width: 100% !important;
47		- box-sizing: border-box !important;
	48	+/* Filterfelder möglichst breit innerhalb ihrer Spalte */
	49	+#choplist .xwiki-livetable-display-filters input[type="text"] {
	50	+ box-sizing: border-box;
	51	+ max-width: 100%;
48	48	}
49	49
50		-/* ============================================
51		- Datenzellen
52		- ============================================ */
	54	+/* ============================================================
	55	+ DATENZELLEN
	56	+ ============================================================ */
53	53
54		-#choplist .xwiki-livetable-display > tbody > tr > td {
55		- border: 1px solid #cccccc !important;
56		- padding: 6px 8px !important;
57		- vertical-align: top !important;
58		- overflow-wrap: anywhere !important;
	58	+#choplist .xwiki-livetable-display-body td {
	59	+ border: 1px solid #d0d0d0;
	60	+ padding: 6px 8px;
	61	+ vertical-align: top;
59	59	}
60	60
61		-/* Abstand der <p>-Elemente in den Datumsfeldern */
62		-#choplist .xwiki-livetable-display > tbody > tr > td.valid_start p,
63		-#choplist .xwiki-livetable-display > tbody > tr > td.valid_end p {
64		- margin: 0 !important;
	64	+/* ============================================================
	65	+ SPALTENBREITEN
	66	+ ============================================================ */
	67	+
	68	+/* Code – schmal */
	69	+#choplist .xwiki-livetable-display .code {
	70	+ width: 7%;
	71	+ white-space: nowrap;
65	65	}
66	66
67		-/* ============================================
68		- Spaltenbreiten
69		- ============================================ */
	74	+/* Deutsch – breit */
	75	+#choplist .xwiki-livetable-display .text_de {
	76	+ width: 3%;
	77	+}
70	70
71		-/* 1 – Code */
72		-#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(1),
73		-#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(1),
74		-#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(1) {
75		- width: 5% !important;
	79	+/* Französisch – breit */
	80	+#choplist .xwiki-livetable-display .text_fr {
	81	+ width: 19%;
76	76	}
77	77
78		-/* 2 – Deutsch */
79		-#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(2),
80		-#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(2),
81		-#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(2) {
82		- width: 20% !important;
	84	+/* Italienisch – breit */
	85	+#choplist .xwiki-livetable-display .text_it {
	86	+ width: 19%;
83	83	}
84	84
85		-/* 3 – Französisch */
86		-#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(3),
87		-#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(3),
88		-#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(3) {
89		- width: 20% !important;
	89	+/* Gültig ab */
	90	+#choplist .xwiki-livetable-display .valid_start {
	91	+ width: 7%;
	92	+ white-space: nowrap;
90	90	}
91	91
92		-/* 4 – Italienisch */
93		-#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(4),
94		-#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(4),
95		-#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(4) {
96		- width: 20% !important;
	95	+/* Gültig bis */
	96	+#choplist .xwiki-livetable-display .valid_end {
	97	+ width: 7%;
	98	+ white-space: nowrap;
97	97	}
98	98
99		-/* 5 – gültig ab */
100		-#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(5),
101		-#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(5),
102		-#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(5) {
103		- width: 5% !important;
	101	+/* CHOP like */
	102	+#choplist .xwiki-livetable-display .chop_like {
	103	+ width: 6%;
104	104	}
105	105
106		-/* 6 – gültig bis */
107		-#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(6),
108		-#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(6),
109		-#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(6) {
110		- width: 5% !important;
	106	+/* Treatment category */
	107	+#choplist .xwiki-livetable-display .treat_cat {
	108	+ width: 8%;
111	111	}
112	112
113		-/* 7 – CHOP like */
114		-#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(7),
115		-#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(7),
116		-#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(7) {
117		- width: 5% !important;
	111	+/* Topography */
	112	+#choplist .xwiki-livetable-display .topography {
	113	+ width: 8%;
118	118	}
119	119
120		-/* 8 – Behandlungskategorie */
121		-#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(8),
122		-#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(8),
123		-#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(8) {
124		- width: 5% !important;
	116	+/* ChCr only */
	117	+#choplist .xwiki-livetable-display .chcr_only {
	118	+ width: 6%;
125	125	}
126	126
127		-/* 9 – Topographie */
128		-#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(9),
129		-#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(9),
130		-#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(9) {
131		- width: 8% !important;
	121	+
	122	+/* ============================================================
	123	+ TEXTUMBRUCH
	124	+ ============================================================ */
	125	+
	126	+/* Lange Texte sollen innerhalb der Spalte umbrechen */
	127	+#choplist .text_de,
	128	+#choplist .text_fr,
	129	+#choplist .text_it {
	130	+ overflow-wrap: break-word;
	131	+ word-wrap: break-word;
132	132	}
133	133
134		-/* 10 – ChCr only */
135		-#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(10),
136		-#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(10),
137		-#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(10) {
138		- width: 5% !important;
	134	+
	135	+/* ============================================================
	136	+ AUSRICHTUNG
	137	+ ============================================================ */
	138	+
	139	+/* Code zentrieren */
	140	+#choplist .code {
	141	+ text-align: center;
139	139	}
140	140
141		-/* ============================================
142		- Ausrichtung bestimmter Spalten
143		- ============================================ */
	144	+/* Datumsfelder zentrieren */
	145	+#choplist .valid_start,
	146	+#choplist .valid_end {
	147	+ text-align: center;
	148	+}
144	144
145		-#choplist .xwiki-livetable-display > tbody > tr > td.code,
146		-#choplist .xwiki-livetable-display > tbody > tr > td.valid_start,
147		-#choplist .xwiki-livetable-display > tbody > tr > td.valid_end,
148		-#choplist .xwiki-livetable-display > tbody > tr > td.chop_like,
149		-#choplist .xwiki-livetable-display > tbody > tr > td.chcr_only {
150		- text-align: center !important;
	150	+/* Ja/Nein-Felder zentrieren */
	151	+#choplist .chop_like,
	152	+#choplist .chcr_only {
	153	+ text-align: center;
151	151	}
152		-</style>
153		-{{/html}}
154	154
155	155
	157	+/* ============================================================
	158	+ ZEBRA-EFFEKT
	159	+ ============================================================ */
156	156
	161	+#choplist .xwiki-livetable-display-body tr:nth-child(even) td {
	162	+ background-color: #f8f8f8;
	163	+}
	164	+
	165	+
	166	+/* ============================================================
	167	+ HOVER
	168	+ ============================================================ */
	169	+
	170	+#choplist .xwiki-livetable-display-body tr:hover td {
	171	+ background-color: #eef4f8;
	172	+}
	173	+
	174	+
	175	+/* ============================================================
	176	+ DATUM – ABSTAND DES P-TAGS ENTFERNEN
	177	+ ============================================================ */
	178	+
	179	+#choplist .valid_start p,
	180	+#choplist .valid_end p {
	181	+ margin: 0;
	182	+}
	183	+
	184	+</style>
	185	+{{/html}}
	186	+
157	157	{{velocity}}
158	158	{{liveData
159	159	id="choplist"