io-sanita-theme 2.16.4 → 2.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # Changelog
2
2
 
3
+ ## [2.17.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.16.4...2.17.0) (2025-06-18)
4
+
5
+ ### Features
6
+
7
+ * print styles ([#96](https://github.com/RedTurtle/io-sanita-theme/issues/96)) ([602059a](https://github.com/RedTurtle/io-sanita-theme/commit/602059af127f93186d9152909dfcfb62dd28f4fd))
8
+
9
+ ### Maintenance
10
+
11
+ * updated Personale field ct struttura with backreferences and personale_correlato ([#95](https://github.com/RedTurtle/io-sanita-theme/issues/95)) ([3357e51](https://github.com/RedTurtle/io-sanita-theme/commit/3357e516708c658dee54a75fbc1f5dd85e84b410))
12
+
3
13
  ## [2.16.4](https://github.com/RedTurtle/io-sanita-theme/compare/2.16.3...2.16.4) (2025-06-12)
4
14
 
5
15
  ### Maintenance
package/locales/volto.pot CHANGED
@@ -1,7 +1,7 @@
1
1
  msgid ""
2
2
  msgstr ""
3
3
  "Project-Id-Version: Plone\n"
4
- "POT-Creation-Date: 2025-06-04T16:35:16.226Z\n"
4
+ "POT-Creation-Date: 2025-06-17T10:42:02.607Z\n"
5
5
  "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
6
6
  "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
7
7
  "Content-Type: text/plain; charset=utf-8\n"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "io-sanita-theme",
3
- "version": "2.16.4",
3
+ "version": "2.17.0",
4
4
  "description": "io-sanita-theme: Volto add-on",
5
5
  "main": "src/index.js",
6
6
  "license": "MIT",
@@ -1,5 +1,8 @@
1
1
  import React from 'react';
2
2
  import { defineMessages, useIntl } from 'react-intl';
3
+ import { RichTextSection } from 'io-sanita-theme/helpers';
4
+ import { CardPersona } from 'io-sanita-theme/components';
5
+ import { Row, Col } from 'design-react-kit';
3
6
  import { BackReferences } from 'io-sanita-theme/components/View/commons';
4
7
 
5
8
  const messages = defineMessages({
@@ -12,11 +15,25 @@ const messages = defineMessages({
12
15
  const StrutturaPersonale = ({ content }) => {
13
16
  const intl = useIntl();
14
17
 
15
- return (
18
+ return content?.personale_correlato?.length > 0 ? (
19
+ <RichTextSection
20
+ tag_id="personale"
21
+ title={intl.formatMessage(messages.personale)}
22
+ >
23
+ {/* PERSONALE DELLA STRUTTURA - campo manuale, se compilato vince sopra ai correlati */}
24
+ <Row className="mb-5">
25
+ {content.personale_correlato.map((item) => (
26
+ <Col lg={6} className="py-lg-2" key={'personale_' + item['@id']}>
27
+ <CardPersona item={item} />
28
+ </Col>
29
+ ))}
30
+ </Row>
31
+ </RichTextSection>
32
+ ) : (
16
33
  <BackReferences
17
34
  type="Persona"
18
35
  content={content}
19
- id={'Persona'}
36
+ id="Persona"
20
37
  title={intl.formatMessage(messages.personale)}
21
38
  />
22
39
  );
@@ -0,0 +1,360 @@
1
+ @media print {
2
+ @page {
3
+ margin: 0 !important;
4
+ }
5
+
6
+ body {
7
+ display: block !important;
8
+ }
9
+ .public-ui h1,
10
+ .public-ui .h1 {
11
+ font-size: 1.5rem !important;
12
+ line-height: normal !important;
13
+ margin-bottom: 0.5rem !important;
14
+ }
15
+
16
+ // floating buttons
17
+ button.gdpr-privacy-show-banner {
18
+ display: none;
19
+ }
20
+ .scroll-to-top {
21
+ display: none;
22
+ }
23
+ .bg-primary-lightest {
24
+ background: transparent !important;
25
+ }
26
+ .public-ui {
27
+ a {
28
+ font-weight: 600 !important;
29
+
30
+ &.read-more {
31
+ display: none !important; // omesso il read more nelle card
32
+ }
33
+ }
34
+ h2 {
35
+ font-size: 1.1rem !important;
36
+ }
37
+
38
+ .text-secondary {
39
+ color: $body-color !important;
40
+ }
41
+
42
+ .content-area,
43
+ .public-ui {
44
+ page-break-after: avoid;
45
+ page-break-before: avoid;
46
+ page-break-inside: avoid;
47
+ }
48
+
49
+ .container {
50
+ max-width: 98%;
51
+ }
52
+
53
+ // padding/margin
54
+ .py-5 {
55
+ padding-top: 20px !important;
56
+ padding-bottom: 20px !important;
57
+ }
58
+
59
+ .pb-5 {
60
+ padding-bottom: 20px !important;
61
+ }
62
+
63
+ .pt-5 {
64
+ padding-top: 20px !important;
65
+ }
66
+
67
+ // removed part of header header
68
+ .it-header-slim-wrapper {
69
+ display: none;
70
+ }
71
+
72
+ .it-header-navbar-wrapper {
73
+ display: none;
74
+ }
75
+ // removed sticky header
76
+ .it-header-wrapper.it-header-sticky.is-sticky {
77
+ position: static !important;
78
+ }
79
+ .header-contacts {
80
+ background-color: unset;
81
+ }
82
+
83
+ .it-header-center-wrapper {
84
+ background: none;
85
+
86
+ .it-header-center-content-wrapper {
87
+ .it-brand-wrapper {
88
+ padding: 0;
89
+ margin: 0 auto;
90
+
91
+ // incresed name of municipalitie
92
+ a {
93
+ .icon {
94
+ fill: $link-color;
95
+ }
96
+
97
+ .it-brand-text {
98
+ color: $link-color;
99
+ font-size: 2rem !important;
100
+ }
101
+ }
102
+ }
103
+
104
+ .it-right-zone {
105
+ display: none;
106
+ }
107
+ }
108
+ }
109
+
110
+ /* Removed link list in PageHeader*/
111
+ .PageHeaderWrapper {
112
+ page-break-after: avoid;
113
+ page-break-before: avoid;
114
+ page-break-inside: avoid;
115
+
116
+ .link-list-wrapper {
117
+ display: none;
118
+ }
119
+ }
120
+ /* Removed quick search block */
121
+ .quick-search-block {
122
+ display: none;
123
+ }
124
+ /* Removed max-height from accordion block*/
125
+ .accordion-block {
126
+ .section {
127
+ padding: 0;
128
+ &.section-muted {
129
+ background: transparent;
130
+ }
131
+ &.section-inset-shadow {
132
+ box-shadow: none;
133
+ }
134
+ }
135
+
136
+ .accordion-item,
137
+ .accordion-content,
138
+ .accordion-inner {
139
+ padding: 0 10px;
140
+ }
141
+ }
142
+ .block.cta_block {
143
+ .bg-primary-dark {
144
+ background-color: transparent !important;
145
+ .cta-tile-text {
146
+ color: $body-color !important;
147
+ h2 {
148
+ color: $body-color !important;
149
+ }
150
+ }
151
+ }
152
+ figure {
153
+ display: none !important;
154
+ }
155
+ }
156
+
157
+ .section {
158
+ padding: 1.2rem;
159
+ }
160
+
161
+ /* Removed shadow and card's padding. Add border*/
162
+ .card {
163
+ border: 1px solid $gray-border !important;
164
+ page-break-inside: avoid;
165
+
166
+ &.shadow {
167
+ box-shadow: none !important;
168
+ }
169
+
170
+ &::after {
171
+ display: none;
172
+ }
173
+
174
+ &.card-bg {
175
+ background-color: white !important;
176
+ color: $body-color !important;
177
+ }
178
+ }
179
+
180
+ // Card teaser - it seems that the title font for those cards are already smaller than io-Comune. Left here for precaution.
181
+ .card.card-teaser.simple-card-default-item .card-body .card-title a,
182
+ .card.card-teaser .card-body .card-title a,
183
+ .card .card-title a {
184
+ font-size: 1.1rem !important;
185
+ }
186
+
187
+ .card-featured.card-teaser-wrapper-equal.card-teaser-block-2.card-featured-large
188
+ .card.card-flex {
189
+ flex-direction: row;
190
+ }
191
+ .card-featured.card-teaser-wrapper-equal.card-teaser-block-2.card-featured-large
192
+ .card.card-flex
193
+ .card-image {
194
+ flex: 0 0 49% !important;
195
+ }
196
+
197
+ .card .card-body .category-top {
198
+ flex-wrap: wrap;
199
+ }
200
+ .card-with-image-template {
201
+ .row {
202
+ flex-direction: column;
203
+ flex-wrap: nowrap;
204
+ .col-md-6 {
205
+ width: 100% !important;
206
+ }
207
+ }
208
+ .card-wrapper {
209
+ .card-image {
210
+ flex-direction: row;
211
+ .img-responsive-wrapper {
212
+ flex: 0 0 49% !important;
213
+ }
214
+ }
215
+ }
216
+ }
217
+
218
+ #briciole {
219
+ display: none;
220
+ }
221
+
222
+ #view {
223
+ .PageHeaderWrapper p.description {
224
+ font-size: 1rem;
225
+ }
226
+ .mb-5 {
227
+ margin-bottom: 1rem !important;
228
+ }
229
+ .page-header-right {
230
+ display: none;
231
+ }
232
+ #main-content-section {
233
+ width: 100%;
234
+ }
235
+ .row.border-top.row-column-border.row-column-menu-left {
236
+ border-top: none !important;
237
+ }
238
+
239
+ // Reduced max width image header
240
+ .content-image {
241
+ width: 100%;
242
+ max-width: 100%;
243
+
244
+ .row.row-full-width {
245
+ margin-right: 0;
246
+ margin-left: 0;
247
+ }
248
+
249
+ figure {
250
+ display: flex;
251
+ justify-content: center;
252
+
253
+ img {
254
+ max-width: 300px !important;
255
+
256
+ &.full-width {
257
+ position: initial;
258
+ right: unset;
259
+ left: unset;
260
+ width: auto !important;
261
+ height: auto;
262
+ max-height: 300px;
263
+ margin: 0 !important;
264
+ object-fit: unset;
265
+ }
266
+ }
267
+ }
268
+ }
269
+
270
+ aside {
271
+ display: none;
272
+ }
273
+
274
+ .it-page-sections-container {
275
+ border-top: none;
276
+
277
+ .it-carousel-wrapper:not(#galleria) {
278
+ display: none;
279
+ }
280
+
281
+ .video {
282
+ display: none;
283
+ }
284
+ }
285
+ .card-wrapper {
286
+ .category-bottom {
287
+ margin-top: 0 !important;
288
+ }
289
+ }
290
+ }
291
+
292
+ #geocoded-result {
293
+ .leaflet-control-attribution {
294
+ display: none;
295
+ }
296
+ }
297
+
298
+ .leaflet-container {
299
+ break-inside: avoid;
300
+ }
301
+
302
+ #contenuti-correlati {
303
+ display: none;
304
+ }
305
+
306
+ footer.it-footer {
307
+ display: none;
308
+ }
309
+
310
+ .feedback-form {
311
+ display: none;
312
+ }
313
+ }
314
+
315
+ //subsite footer
316
+ .subsite-footer {
317
+ display: none;
318
+ }
319
+ .subsite-header {
320
+ background-image: none !important;
321
+ background-color: unset;
322
+ .text {
323
+ color: $body-color !important;
324
+ }
325
+ }
326
+
327
+ //text editor styles
328
+ .public-ui {
329
+ // buttons
330
+ button.btn,
331
+ .btn.btn-primary {
332
+ padding: 0.5rem 1rem;
333
+ border: 1px solid $link-color;
334
+ background-color: white;
335
+ color: $link-color;
336
+
337
+ svg.icon {
338
+ color: $link-color;
339
+ fill: $link-color;
340
+ }
341
+ }
342
+
343
+ // blockquote text
344
+ blockquote.blockquote-card.dark,
345
+ .blockquote.blockquote-card.dark {
346
+ border: 1px solid $body-color;
347
+ background-color: transparent;
348
+ color: $body-color;
349
+
350
+ a:not(.btn) {
351
+ color: $body-color;
352
+ }
353
+ }
354
+ }
355
+
356
+ //external link icon
357
+ svg.external-link {
358
+ display: none;
359
+ }
360
+ }
@@ -38,3 +38,6 @@
38
38
  /****************/
39
39
 
40
40
  @import 'addonsThemeCustomizationsMain';
41
+
42
+ /* Print pages */
43
+ @import './io-sanita/print/_all_pages';