imio.smartweb.core 1.2.75__py3-none-any.whl → 1.2.76__py3-none-any.whl

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 (18) hide show
  1. imio/smartweb/core/browser/static/smartweb-view-compiled.css +1 -1
  2. imio/smartweb/core/browser/static/src/view.less +106 -57
  3. imio/smartweb/core/contents/pages/views.py +4 -1
  4. imio/smartweb/core/contents/sections/contact/macros.pt +28 -3
  5. imio/smartweb/core/webcomponents/src/components/Annuaire/Annuaire.scss +364 -378
  6. imio/smartweb/core/webcomponents/src/components/Events/Events.scss +401 -417
  7. imio/smartweb/core/webcomponents/src/components/Filters/MainFilter.scss +174 -172
  8. imio/smartweb/core/webcomponents/src/components/News/News.scss +145 -130
  9. imio/smartweb/core/webcomponents/src/components/News/NewsContent/NewsContent.jsx +35 -14
  10. imio/smartweb/core/webcomponents/src/components/Search/Search.scss +117 -118
  11. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/METADATA +13 -1
  12. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/RECORD +18 -18
  13. /imio.smartweb.core-1.2.75-py3.12-nspkg.pth → /imio.smartweb.core-1.2.76-py3.12-nspkg.pth +0 -0
  14. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/LICENSE.GPL +0 -0
  15. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/LICENSE.rst +0 -0
  16. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/WHEEL +0 -0
  17. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/namespace_packages.txt +0 -0
  18. {imio.smartweb.core-1.2.75.dist-info → imio.smartweb.core-1.2.76.dist-info}/top_level.txt +0 -0
imio/smartweb/core/webcomponents/src/components/Filters/MainFilter.scss CHANGED
@@ -1,227 +1,229 @@
1
1
  .r-result-filter-container {
2
- @media screen and (min-width:1200px) {
3
- position: sticky;
4
- }
5
- z-index: 1;
6
- background: #fff;
7
- &:after {
8
- content: "";
2
+ z-index: 1;
9
3
  background: #fff;
10
- position: absolute;
11
- left: 0;
12
- right: 0;
13
- height: 312px;
14
- top: 0;
15
- transform: translateY(-100%);
16
- }
17
- .r-result-filter {
18
- padding-top: 1rem;
19
- padding-bottom: 1rem;
20
- border-bottom: solid 1px #cccc;
21
- position: relative;
22
- }
4
+ @media screen and (min-width: 1200px) {
5
+ position: sticky;
6
+ }
7
+ &:after {
8
+ content: "";
9
+ background: #fff;
10
+ position: absolute;
11
+ left: 0;
12
+ right: 0;
13
+ height: 312px;
14
+ top: 0;
15
+ transform: translateY(-100%);
16
+ }
17
+ .r-result-filter {
18
+ padding-top: 1rem;
19
+ padding-bottom: 1rem;
20
+ border-bottom: solid 1px #cccc;
21
+ position: relative;
22
+ }
23
23
  }
24
24
 
25
25
  .r-results-numbers {
26
- width: 100%;
27
- margin-bottom: 0rem;
28
- padding-top: 1rem;
26
+ width: 100%;
27
+ margin-bottom: 0rem;
28
+ padding-top: 1rem;
29
29
 
30
- span {
31
- font-weight: bold;
32
- }
30
+ span {
31
+ font-weight: bold;
32
+ }
33
33
  }
34
34
 
35
35
  .r-result-filter {
36
- position: relative;
36
+ position: relative;
37
37
  }
38
- // react filter menu
38
+ // react filter menu
39
39
 
40
40
  .react-filters-menu {
41
- display: flex;
42
- width: 100%;
43
- margin-bottom: 1rem;
44
-
45
- .react-filters-container {
46
41
  display: flex;
47
- align-items: flex-start;
48
- position: relative;
49
- flex-direction: column;
50
- width: auto;
51
- border-radius: 30px;
52
- gap: 10px;
53
- background: #fff;
54
42
  width: 100%;
43
+ margin-bottom: 1rem;
55
44
 
56
- @media screen and (min-width:630px) {
57
- align-items: center;
58
- flex-direction: row;
59
- width: auto;
60
- padding: 4px 15px;
61
- border: solid 1px #CFCFCF;
62
- box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, .05);
45
+ .react-filters-container {
46
+ display: flex;
47
+ align-items: flex-start;
48
+ position: relative;
49
+ flex-direction: column;
50
+ width: auto;
51
+ border-radius: 30px;
52
+ gap: 10px;
53
+ background: #fff;
54
+ width: 100%;
63
55
 
56
+ @media screen and (min-width: 630px) {
57
+ align-items: center;
58
+ flex-direction: row;
59
+ width: auto;
60
+ padding: 4px 15px;
61
+ border: solid 1px #cfcfcf;
62
+ box-shadow:
63
+ 0 3px 12px 0 rgba(0, 0, 0, 0.1),
64
+ 0 1px 2px 0 rgba(0, 0, 0, 0.05);
65
+ }
64
66
  }
65
- }
66
67
 
67
- .react-sep-menu {
68
- display: none;
69
- background: #CFCFCF;
70
- width: 1px;
71
- height: 20px;
68
+ .react-sep-menu {
69
+ display: none;
70
+ background: #cfcfcf;
71
+ width: 1px;
72
+ height: 20px;
72
73
 
73
- @media screen and (min-width:630px) {
74
- display: block;
74
+ @media screen and (min-width: 630px) {
75
+ display: block;
76
+ }
75
77
  }
76
- }
77
78
 
78
- span[class$="-indicatorSeparator"] {
79
- display: none;
80
- }
79
+ span[class$="-indicatorSeparator"] {
80
+ display: none;
81
+ }
81
82
 
82
- div[class$="-indicatorContainer"] {
83
- padding: 0;
84
- }
83
+ div[class$="-indicatorContainer"] {
84
+ padding: 0;
85
+ }
85
86
 
86
- .accordion-collapse {
87
- padding-top: 1rem;
88
- }
87
+ .accordion-collapse {
88
+ padding-top: 1rem;
89
+ }
89
90
 
90
- .top-filter {
91
- width: 100%;
91
+ .top-filter {
92
+ width: 100%;
92
93
 
93
- @media screen and (min-width:630px) {
94
- width: auto;
95
- }
94
+ @media screen and (min-width: 630px) {
95
+ width: auto;
96
+ }
96
97
 
97
- .select-custom-no-border {
98
- width: 100%;
98
+ .select-custom-no-border {
99
+ width: 100%;
99
100
 
100
- @media screen and (min-width:630px) {
101
- width: auto;
102
- }
101
+ @media screen and (min-width: 630px) {
102
+ width: auto;
103
+ }
103
104
 
104
- div[class$="-control"] {
105
- width: 100%;
105
+ div[class$="-control"] {
106
+ width: 100%;
106
107
 
107
- @media screen and (max-width:629px) {
108
- border-color: hsl(0, 0%, 70%);
109
- color: hsl(0, 0%, 20%);
110
- border: solid 1px #CFCFCF;
111
- }
108
+ @media screen and (max-width: 629px) {
109
+ border-color: hsl(0, 0%, 70%);
110
+ color: hsl(0, 0%, 20%);
111
+ border: solid 1px #cfcfcf;
112
+ }
112
113
 
113
- @media screen and (min-width:630px) {
114
- width: auto;
114
+ @media screen and (min-width: 630px) {
115
+ width: auto;
116
+ }
117
+ }
115
118
  }
116
- }
117
119
  }
118
- }
119
120
  }
120
121
 
121
122
  // react search bar
122
123
 
123
124
  .r-filter-search {
124
- position: relative;
125
- padding: 12px 6px;
126
- border-radius: 50px;
127
- display: block;
128
- width: 100%;
129
-
130
- @media screen and (max-width:629px) {
131
- width: calc(100% - 40px);
132
- border: solid 1px #CFCFCF;
133
- box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, .05);
134
- }
135
-
136
- @media screen and (min-width:630px) {
137
- width: 175px;
138
- }
139
-
140
- input {
141
- border: none;
125
+ position: relative;
126
+ padding: 12px 6px;
127
+ border-radius: 50px;
128
+ display: block;
142
129
  width: 100%;
143
130
 
144
- &:focus {
145
- outline: none;
131
+ @media screen and (max-width: 629px) {
132
+ width: calc(100% - 40px);
133
+ border: solid 1px #cfcfcf;
134
+ box-shadow:
135
+ 0 3px 12px 0 rgba(0, 0, 0, 0.1),
136
+ 0 1px 2px 0 rgba(0, 0, 0, 0.05);
146
137
  }
147
- }
148
138
 
149
- svg {
150
- position: absolute;
151
- transform: translateX(-100%);
152
- right: 0;
153
- }
139
+ @media screen and (min-width: 630px) {
140
+ width: 175px;
141
+ }
154
142
 
155
- .relative {
156
- display: flex;
157
- justify-content: center;
158
- align-items: center;
159
- }
160
- }
143
+ input {
144
+ border: none;
145
+ width: 100%;
146
+
147
+ &:focus {
148
+ outline: none;
149
+ }
150
+ }
161
151
 
152
+ svg {
153
+ position: absolute;
154
+ transform: translateX(-100%);
155
+ right: 0;
156
+ }
157
+
158
+ .relative {
159
+ display: flex;
160
+ justify-content: center;
161
+ align-items: center;
162
+ }
163
+ }
162
164
 
163
165
  // // More filters
164
166
 
165
167
  .more-filter-btn {
166
- background-color: transparent;
167
- border: none;
168
- position: absolute;
169
- right: 0;
170
- top: 18px;
168
+ background-color: transparent;
169
+ border: none;
170
+ position: absolute;
171
+ right: 0;
172
+ top: 18px;
171
173
 
172
- @media screen and (min-width:630px) {
173
- width: auto;
174
- translate: 40px;
175
- top: inherit;
176
- }
174
+ @media screen and (min-width: 630px) {
175
+ width: auto;
176
+ translate: 40px;
177
+ top: inherit;
178
+ }
177
179
 
178
- &.collapsed {
179
- transform: rotate(180deg);
180
+ &.collapsed {
181
+ transform: rotate(180deg);
180
182
 
181
- svg {
182
- stroke: #9f9f9f;
183
+ svg {
184
+ stroke: #9f9f9f;
185
+ }
183
186
  }
184
- }
185
187
  }
186
188
 
187
189
  .more-filter-container {
188
- &.collapse:not(.show) {
189
- display: none;
190
- }
190
+ &.collapse:not(.show) {
191
+ display: none;
192
+ }
191
193
 
192
- .accordion-body {
193
- display: flex;
194
- gap: 20px;
195
- align-items: center;
196
- padding: 1rem;
197
- background-color: #f8F8F8;
198
- justify-content: center;
199
- border: solid 1px #e4e4e4;
200
- border-left: none;
201
- border-right: none;
202
-
203
- @media screen and (max-width:630px) {
204
- display: flex;
205
- flex-direction: column;
206
- }
207
- }
208
-
209
- .free-Filter {
210
- label {
211
- font-size: 12px;
212
- font-weight: bold;
213
- letter-spacing: 1.4px;
214
- }
215
-
216
- .form-check {
217
- display: flex;
218
- align-items: center;
219
- gap: 5px;
220
- padding: 0;
221
-
222
- input {
223
- margin: 0;
224
- }
225
- }
226
- }
227
- }
194
+ .accordion-body {
195
+ display: flex;
196
+ gap: 20px;
197
+ align-items: center;
198
+ padding: 1rem;
199
+ background-color: #f8f8f8;
200
+ justify-content: center;
201
+ border: solid 1px #e4e4e4;
202
+ border-left: none;
203
+ border-right: none;
204
+
205
+ @media screen and (max-width: 630px) {
206
+ display: flex;
207
+ flex-direction: column;
208
+ }
209
+ }
210
+
211
+ .free-Filter {
212
+ label {
213
+ font-size: 12px;
214
+ font-weight: bold;
215
+ letter-spacing: 1.4px;
216
+ }
217
+
218
+ .form-check {
219
+ display: flex;
220
+ align-items: center;
221
+ gap: 5px;
222
+ padding: 0;
223
+
224
+ input {
225
+ margin: 0;
226
+ }
227
+ }
228
+ }
229
+ }