@imiobe/plonetheme-smartweb-base 0.1.2 → 0.1.3

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.
Files changed (66) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/js/theme.js +2534 -1
  3. package/index.html +1 -1
  4. package/package.json +1 -1
  5. package/src/scss/_general.scss +0 -6
  6. package/src/scss/_trucaverif.scss +0 -93
  7. package/src/scss/common/_folder-view.scss +163 -0
  8. package/src/scss/main.scss +2 -5
  9. package/src/scss/variables.scss +2 -2
  10. package/theme.zip +0 -0
  11. package/dist/css/theme.css +0 -5
  12. package/dist/fonts/roboto-bold..eot +0 -0
  13. package/dist/fonts/roboto-bold..ttf +0 -0
  14. package/dist/fonts/roboto-bold..woff +0 -0
  15. package/dist/fonts/roboto-bold..woff2 +0 -0
  16. package/dist/fonts/roboto-bolditalic..eot +0 -0
  17. package/dist/fonts/roboto-bolditalic..ttf +0 -0
  18. package/dist/fonts/roboto-bolditalic..woff +0 -0
  19. package/dist/fonts/roboto-bolditalic..woff2 +0 -0
  20. package/dist/fonts/roboto-italic..eot +0 -0
  21. package/dist/fonts/roboto-italic..ttf +0 -0
  22. package/dist/fonts/roboto-italic..woff +0 -0
  23. package/dist/fonts/roboto-italic..woff2 +0 -0
  24. package/dist/fonts/roboto-light..eot +0 -0
  25. package/dist/fonts/roboto-light..ttf +0 -0
  26. package/dist/fonts/roboto-light..woff +0 -0
  27. package/dist/fonts/roboto-light..woff2 +0 -0
  28. package/dist/fonts/roboto-lightitalic..eot +0 -0
  29. package/dist/fonts/roboto-lightitalic..ttf +0 -0
  30. package/dist/fonts/roboto-lightitalic..woff +0 -0
  31. package/dist/fonts/roboto-lightitalic..woff2 +0 -0
  32. package/dist/fonts/roboto-medium..eot +0 -0
  33. package/dist/fonts/roboto-medium..ttf +0 -0
  34. package/dist/fonts/roboto-medium..woff +0 -0
  35. package/dist/fonts/roboto-medium..woff2 +0 -0
  36. package/dist/fonts/roboto-mediumitalic..eot +0 -0
  37. package/dist/fonts/roboto-mediumitalic..ttf +0 -0
  38. package/dist/fonts/roboto-mediumitalic..woff +0 -0
  39. package/dist/fonts/roboto-mediumitalic..woff2 +0 -0
  40. package/dist/fonts/roboto-regular..eot +0 -0
  41. package/dist/fonts/roboto-regular..ttf +0 -0
  42. package/dist/fonts/roboto-regular..woff +0 -0
  43. package/dist/fonts/roboto-regular..woff2 +0 -0
  44. package/dist/fonts/robotocondensed-light..eot +0 -0
  45. package/dist/fonts/robotocondensed-light..ttf +0 -0
  46. package/dist/fonts/robotocondensed-light..woff +0 -0
  47. package/dist/fonts/robotocondensed-light..woff2 +0 -0
  48. package/dist/fonts/robotocondensed-lightitalic..eot +0 -0
  49. package/dist/fonts/robotocondensed-lightitalic..ttf +0 -0
  50. package/dist/fonts/robotocondensed-lightitalic..woff +0 -0
  51. package/dist/fonts/robotocondensed-lightitalic..woff2 +0 -0
  52. package/dist/images/roboto-bolde46805ee..svg +0 -1
  53. package/dist/images/roboto-bolditalic4be90c03..svg +0 -1
  54. package/dist/images/roboto-italic2332d1c3..svg +0 -1
  55. package/dist/images/roboto-light054c1c8a..svg +0 -1
  56. package/dist/images/roboto-lightitalic2df589e4..svg +0 -1
  57. package/dist/images/roboto-medium832a5157..svg +0 -1
  58. package/dist/images/roboto-mediumitalicf09fad24..svg +0 -1
  59. package/dist/images/roboto-regulare788ed65..svg +0 -1
  60. package/dist/images/robotocondensed-light04ff367e..svg +0 -1
  61. package/dist/images/robotocondensed-lightitalic97b23821..svg +0 -1
  62. package/src/scss/common/_com-list-image.scss +0 -18
  63. package/src/scss/list/_list-block-img.scss +0 -56
  64. package/src/scss/list/_list-block.scss +0 -80
  65. package/src/scss/list/_list-img.scss +0 -34
  66. package/src/scss/list/_list.scss +0 -63
package/index.html CHANGED
@@ -2,7 +2,7 @@
2
2
  <html>
3
3
 
4
4
  <head>
5
- <title>Plone Theme</title>
5
+ <title>Smartweb base Theme</title>
6
6
  <link rel="shortcut icon" type="image/x-icon"
7
7
  href="icons/barceloneta-favicon.ico" />
8
8
  <link rel="apple-touch-icon"
package/package.json CHANGED
@@ -23,7 +23,7 @@
23
23
  "plone",
24
24
  "smartweb"
25
25
  ],
26
- "version": "0.1.2",
26
+ "version": "0.1.3",
27
27
  "license": "GPL version 2",
28
28
  "scripts": {
29
29
  "stylelint": "npx stylelint 'src/**/*.{css,less}' 'src/**/*.{css,less}",
package/src/scss/_general.scss CHANGED
@@ -55,12 +55,6 @@
55
55
  background-position: center;
56
56
  }
57
57
 
58
- .block-menu-element .newsImage.no-image {
59
- background: $img-placeholder;
60
- background-size: cover;
61
- background-position: center;
62
- }
63
-
64
58
  // Afficher les intitulés sur une ligne et l’info (numéro de téléphone, email) sur une ligne suivante.
65
59
 
66
60
  .section-contact .contact_informations a {
package/src/scss/_trucaverif.scss CHANGED
@@ -39,27 +39,6 @@
39
39
 
40
40
  //---//
41
41
 
42
- //affichage des vidéos sur vue facettes
43
- .faceted-block-view-with-images .block-menu-element {
44
- position: relative;
45
- }
46
-
47
- .faceted-block-view-with-images .block-menu-element a.faceted_video {
48
- inset: 0 !important;
49
- position: absolute !important;
50
- }
51
-
52
- //---//
53
-
54
- // Custom de la vue pour afficher les images en portrait
55
-
56
- /* https://bla.preprod.imio.be/zone-de-police/presentation/agents-de-quartier/votre-inspecteur-de-proximite#b_start=0 */
57
- .subsection-agents-de-quartier .card-img-top {
58
- padding-top: 120%;
59
- }
60
-
61
- //---//
62
-
63
42
  // je sais pas quoi (privacy)
64
43
  .view-name-consent {
65
44
  display: flex;
@@ -115,18 +94,6 @@ div#formfield-form-widgets-basic_analytics {
115
94
  z-index: 1;
116
95
  }
117
96
 
118
- //---//
119
-
120
- //---//
121
-
122
- // Pour supprimer le margin en fin de page ( si non le footer ne colle pas au sections)
123
- #main-container,
124
- #content-core {
125
- margin-bottom: 0;
126
- }
127
-
128
- //---//
129
-
130
97
  /* slider sinon un click sur la flèches inactive amène sur l'élément derrière */
131
98
  .swiper-button-next.swiper-button-disabled,
132
99
  .swiper-button-prev.swiper-button-disabled {
@@ -286,31 +253,6 @@ textarea {
286
253
  text-decoration: none;
287
254
  }
288
255
 
289
- .block-menu-element a .card-title.h2,
290
- .block-menu-element a h2.card-title {
291
- font-size: 1.5rem;
292
- }
293
-
294
- .block-menu-element .card-body .card-text {
295
- max-height: 3rem;
296
- overflow: hidden;
297
- position: relative;
298
- }
299
-
300
- .block-menu-element .card-body .card-text::after {
301
- content: "";
302
- background: linear-gradient(275deg, white, transparent);
303
- top: 1.5rem;
304
- position: absolute;
305
- height: 1.5rem;
306
- right: 0;
307
- width: 50%;
308
- }
309
-
310
- .faceted-block-view-with-images .block-menu-element a .card-body {
311
- border-radius: 0 0 15px;
312
- }
313
-
314
256
  .userrole-anonymous .pat-sortable .sortable-section {
315
257
  border: 0 solid transparent !important;
316
258
  }
@@ -422,34 +364,10 @@ div#viewlet-below-content-body .procedure {
422
364
  }
423
365
  }
424
366
 
425
- .template-block_view_with_images #content-core,
426
- .template-block_view #content-core,
427
- .template-summary_view #content-core,
428
- .template-summary_view_with_images #content-core {
429
- padding-bottom: 3rem;
430
- }
431
-
432
- body.template-block_view_with_images .block-menu-element a .card-body {
433
- border-radius: 0 0 15px;
434
- }
435
-
436
- .block-menu-element a .card-body,
437
- body.template-block_view_with_images .block-menu-element a .card-body {
438
- width: auto;
439
- }
440
-
441
367
  div#faceted-results {
442
368
  padding-bottom: 1.5rem;
443
369
  }
444
370
 
445
- .list-menu-element {
446
- margin-bottom: 1rem;
447
- }
448
-
449
- .list-menu-element a.row {
450
- text-decoration: none;
451
- }
452
-
453
371
  .newsletterhomepage .body-section {
454
372
  margin-top: 0;
455
373
  }
@@ -593,12 +511,6 @@ body#visual-portal-wrapper.userrole-anonymous.portaltype-imio-smartweb-procedure
593
511
  color: $primary;
594
512
  }
595
513
 
596
- .subsection-demarches-infos-pratiques
597
- .list-menu-element
598
- .newsImage.card-img-left {
599
- margin-left: 1rem;
600
- }
601
-
602
514
  .sortable-section.sectioncontact h2.section-title a[aria-expanded="true"] {
603
515
  position: relative;
604
516
  text-decoration: none;
@@ -670,11 +582,6 @@ body#visual-portal-wrapper.userrole-anonymous.portaltype-imio-smartweb-procedure
670
582
  }
671
583
  }
672
584
 
673
- .subsection-demarches-infos-pratiques .list-menu-element .list-card-title.h2,
674
- .subsection-demarches-infos-pratiques .list-menu-element h2.list-card-title {
675
- font-size: 1.25rem;
676
- }
677
-
678
585
  /* attention de ne cibler que les type page pour le bg des sections links */
679
586
 
680
587
  /*.portaltype-imio-smartweb-portalpage .sectionlinks {
package/src/scss/common/_folder-view.scss ADDED
@@ -0,0 +1,163 @@
1
+ body.template-block_view #content-core {
2
+ position: relative;
3
+
4
+ &::after {
5
+ content: "";
6
+ position: absolute;
7
+ width: 100vw;
8
+ background: #f7f7f7;
9
+ top: 0;
10
+ bottom: -10%;
11
+ left: 50%;
12
+ transform: translateX(-50%);
13
+ z-index: -2;
14
+ }
15
+ }
16
+
17
+ #block-quickaccess {
18
+ margin-top: calc(var(--bs-gutter-y) * 0);
19
+ }
20
+
21
+ .block-menu-element {
22
+ list-style: none;
23
+
24
+ & > a {
25
+ text-decoration: none;
26
+ display: block;
27
+ height: 100%;
28
+ background: #fff;
29
+ border-radius: 0 0 5px 5px;
30
+ box-shadow: $block-small-shadow;
31
+ transition: 0.6s cubic-bezier(0.7, 0, 0, 1);
32
+ position: relative;
33
+ overflow: hidden;
34
+
35
+ &:hover,
36
+ &:focus {
37
+ box-shadow: $block-full-shadow;
38
+
39
+ .newsImage {
40
+ transform: scale(1);
41
+ }
42
+ }
43
+
44
+ .newsImage {
45
+ transition: 0.6s cubic-bezier(0.7, 0, 0, 1);
46
+ transform: scale(1.03);
47
+ }
48
+
49
+ .card-body {
50
+ .card-text {
51
+ max-height: 3rem;
52
+ overflow: hidden;
53
+ position: relative;
54
+
55
+ &::after {
56
+ content: "";
57
+ background: linear-gradient(275deg, white, transparent);
58
+ top: 1.5rem;
59
+ position: absolute;
60
+ height: 1.5rem;
61
+ right: 0;
62
+ width: 50%;
63
+ }
64
+ }
65
+ }
66
+
67
+ h2.card-title {
68
+ font-size: $section-list-block-img-card-title;
69
+ text-transform: initial;
70
+ font-weight: bold;
71
+ }
72
+ }
73
+ }
74
+
75
+ // No image block
76
+
77
+ .template-block_view {
78
+ .block-menu-element > a {
79
+ display: flex;
80
+ justify-content: center;
81
+ align-items: center;
82
+ text-align: center;
83
+ border-radius: 5px;
84
+
85
+ .card-text {
86
+ text-align: left;
87
+ }
88
+ }
89
+ }
90
+
91
+ .template-summary_view,
92
+ .template-summary_view_with_images {
93
+ .list-menu-element {
94
+ list-style: none;
95
+
96
+ & > a {
97
+ text-decoration: none;
98
+ display: flex;
99
+ align-items: center;
100
+ border-bottom: solid 1px #eaeaea;
101
+ max-width: 100%;
102
+ margin-left: auto;
103
+ margin-right: auto;
104
+
105
+ &::after {
106
+ content: "\F133";
107
+ font-family: bootstrap-icons !important;
108
+ display: block;
109
+ position: relative;
110
+ font-size: 26px;
111
+ color: #ccc;
112
+ opacity: 0%;
113
+ margin-left: auto;
114
+ margin-right: 19px;
115
+ }
116
+
117
+ &:hover,
118
+ &:focus {
119
+ background: #f7f7f7;
120
+
121
+ &::after {
122
+ content: "\F133";
123
+ opacity: 100%;
124
+ }
125
+ }
126
+
127
+ .list-card-body {
128
+ padding-top: 1rem;
129
+ padding-bottom: 1rem;
130
+ width: auto;
131
+
132
+ .list-card-title {
133
+ margin-bottom: 0;
134
+ font-size: 25px;
135
+ }
136
+
137
+ .list-card-text {
138
+ color: #7d7d7d;
139
+ }
140
+ }
141
+
142
+ .newsImage {
143
+ width: 100px;
144
+ height: 100px;
145
+ }
146
+ }
147
+ }
148
+ }
149
+
150
+ .template-summary_view_with_images {
151
+ .list-menu-element {
152
+ & > a {
153
+ margin-bottom: 1rem;
154
+ }
155
+ }
156
+ }
157
+
158
+ .template-block_view_with_images #content-core,
159
+ .template-block_view #content-core,
160
+ .template-summary_view #content-core,
161
+ .template-summary_view_with_images #content-core {
162
+ margin-bottom: 3rem;
163
+ }
package/src/scss/main.scss CHANGED
@@ -4,6 +4,7 @@ $roboto-base-path: "@theme/assets/fonts/";
4
4
  @import "./variables";
5
5
 
6
6
  // Plone Barceloneta Styling & components
7
+ @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
7
8
 
8
9
  // Plone colors
9
10
 
@@ -44,17 +45,13 @@ $roboto-base-path: "@theme/assets/fonts/";
44
45
  @import "./common/com-cookies";
45
46
  @import "./common/com-edition";
46
47
  @import "./common/com-faceted";
47
- @import "./common/com-list-image";
48
48
  @import "./common/messviewlet";
49
49
  @import "./common/com-react";
50
50
  @import "./common/com-footer";
51
51
 
52
52
  ///// List
53
53
 
54
- @import "./list/list-block";
55
- @import "./list/list-block-img";
56
- @import "./list/list-img";
57
- @import "./list/list";
54
+ @import "./common/folder-view";
58
55
 
59
56
  ///// Base
60
57
 
package/src/scss/variables.scss CHANGED
@@ -380,12 +380,12 @@ $enable-full-width-section-link: true;
380
380
  $enable-light-color-section-link: false;
381
381
 
382
382
  // section-list-block-img
383
- $section-list-block-img-card-title: 1.25rem;
383
+ $section-list-block-img-card-title: 1.2rem;
384
384
 
385
385
  //*// LIST
386
386
 
387
387
  //Liste Block
388
- $block-full-shadow: 0 20px 40px #0000001a;
388
+ $block-full-shadow: rgba(0, 0, 0, 20%) 0 2px 7px;
389
389
  $block-small-shadow: rgba(0, 0, 0, 16%) 0 1px 4px;
390
390
  $list-group-border-width: 0;
391
391
  $list-group-item-padding-x: 0;
package/theme.zip CHANGED
Binary file