decidim-posts 1.0.0 → 2.0.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.
- checksums.yaml +4 -4
- data/README.md +60 -5
- data/app/cells/decidim/posts/content_blocks/posts/show.erb +41 -3
- data/app/cells/decidim/posts/content_blocks/posts_cell.rb +6 -7
- data/app/cells/decidim/posts/meeting/show.erb +2 -2
- data/app/cells/decidim/posts/meeting_cell.rb +5 -1
- data/app/cells/decidim/posts/post/show.erb +2 -2
- data/app/cells/decidim/posts/post/survey.erb +6 -6
- data/app/cells/decidim/posts/post_attachments/show.erb +1 -1
- data/app/cells/decidim/posts/post_cell.rb +0 -1
- data/app/cells/decidim/posts/post_comment/show.erb +1 -1
- data/app/cells/decidim/posts/post_header/show.erb +4 -4
- data/app/cells/decidim/posts/post_host/show.erb +2 -2
- data/app/cells/decidim/posts/post_metadata_cell.rb +2 -0
- data/app/cells/decidim/posts/reaction_menu/show.erb +1 -1
- data/app/controllers/decidim/posts/meetings_controller.rb +28 -12
- data/app/helpers/decidim/posts/application_helper.rb +20 -0
- data/app/packs/src/decidim/posts/host_status.js +13 -9
- data/app/packs/src/decidim/posts/posts.js +38 -1
- data/app/packs/stylesheets/decidim/posts/_variables.scss +19 -8
- data/app/packs/stylesheets/decidim/posts/posts.scss +219 -164
- data/app/views/decidim/posts/meetings/edit.html.erb +15 -14
- data/app/views/decidim/posts/meetings/new.html.erb +27 -0
- data/app/views/decidim/posts/posts/_attachment.html.erb +1 -1
- data/app/views/decidim/posts/posts/_form.html.erb +24 -24
- data/app/views/decidim/posts/posts/_index.html.erb +9 -9
- data/app/views/decidim/posts/posts/_meeting_form.erb +1 -1
- data/app/views/decidim/posts/posts/_new_survey.html.erb +1 -1
- data/app/views/decidim/posts/posts/_new_survey_question.html.erb +1 -1
- data/app/views/decidim/posts/posts/_post.html.erb +1 -1
- data/app/views/decidim/posts/posts/_sidebar.html.erb +19 -19
- data/app/views/decidim/posts/posts/edit.html.erb +7 -6
- data/app/views/decidim/posts/posts/index.html.erb +1 -1
- data/config/assets.rb +1 -1
- data/config/locales/bs.yml +11 -3
- data/config/locales/de.yml +11 -3
- data/config/locales/en.yml +11 -3
- data/config/locales/hr.yml +11 -3
- data/config/locales/it.yml +11 -3
- data/config/locales/sr.yml +11 -4
- data/config/locales/tr.yml +11 -3
- data/lib/decidim/posts/component.rb +4 -0
- data/lib/decidim/posts/content_blocks/content_blocks_homepage.rb +16 -12
- data/lib/decidim/posts/version.rb +2 -2
- metadata +5 -5
- data/app/views/decidim/posts/posts/_new.html.erb +0 -33
|
@@ -2,78 +2,93 @@
|
|
|
2
2
|
|
|
3
3
|
@import '_variables.scss';
|
|
4
4
|
|
|
5
|
+
p,
|
|
6
|
+
a {
|
|
7
|
+
word-break: break-word;
|
|
8
|
+
overflow-wrap: break-word;
|
|
9
|
+
}
|
|
10
|
+
|
|
5
11
|
#posts__post_newElement {
|
|
6
|
-
@apply fixed left-0 top-0 right-0 bottom-0 w-full h-full bg-white bg-opacity-60 z-50 justify-center items-start pt-[72px] hidden;
|
|
7
12
|
&.open {
|
|
8
|
-
--tw-ring-color:
|
|
9
|
-
|
|
10
|
-
.circle {
|
|
11
|
-
svg {
|
|
12
|
-
@apply rotate-0 motion-safe:transition-transform;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
.circle {
|
|
17
|
-
@apply w-[52px] h-[52px] p-2 bg-white rounded-[52px] shadow-feedMenu justify-center items-center inline-flex text-black;
|
|
18
|
-
svg {
|
|
19
|
-
@apply w-[36px] h-[36px] fill-feeds-sidebar rotate-45 motion-safe:transition-transform;
|
|
20
|
-
}
|
|
13
|
+
--tw-ring-color: var(--feeds-sidebar);
|
|
14
|
+
display: flex;
|
|
21
15
|
}
|
|
22
16
|
.posts__post_newElement_modal_frame {
|
|
23
17
|
--tw-ring-color: theme('colors.white');
|
|
24
|
-
@apply p-4 gap-2 w-full shadow-feedBox rounded lg:max-w-screen-md bg-white w-[calc(100%-2rem)] max-h-[80vh] overflow-auto motion-safe:transition-all;
|
|
25
|
-
}
|
|
26
|
-
.posts__post_newElement_modal_content {
|
|
27
|
-
@apply flex flex-col gap-2;
|
|
28
18
|
}
|
|
29
19
|
.category-selection {
|
|
30
|
-
@apply flex gap-2 flex-wrap justify-center;
|
|
31
20
|
button {
|
|
32
|
-
@apply border-2 hover:bg-white hover:text-black;
|
|
33
21
|
&:hover {
|
|
34
22
|
background: white;
|
|
23
|
+
color: theme('colors.black');
|
|
35
24
|
}
|
|
36
25
|
&[data-category='post'] {
|
|
37
|
-
|
|
26
|
+
border-color: var(--feeds-post);
|
|
27
|
+
&:focus {
|
|
28
|
+
outline-color: var(--feeds-post);
|
|
29
|
+
}
|
|
38
30
|
&:hover,
|
|
39
31
|
&.active {
|
|
40
|
-
|
|
32
|
+
outline: 2px solid var(--feeds-post);
|
|
33
|
+
outline-offset: 2px;
|
|
41
34
|
}
|
|
42
35
|
}
|
|
43
36
|
&[data-category='host'] {
|
|
44
|
-
|
|
37
|
+
border-color: var(--feeds-host);
|
|
38
|
+
&:focus {
|
|
39
|
+
outline-color: var(--feeds-host);
|
|
40
|
+
}
|
|
45
41
|
&:hover,
|
|
46
42
|
&.active {
|
|
47
|
-
|
|
43
|
+
outline: 2px solid var(--feeds-host);
|
|
44
|
+
outline-offset: 2px;
|
|
48
45
|
}
|
|
49
46
|
}
|
|
50
47
|
&[data-category='sharecare'] {
|
|
51
|
-
|
|
48
|
+
border-color: var(--feeds-sharecare);
|
|
49
|
+
&:focus {
|
|
50
|
+
outline-color: var(--feeds-sharecare);
|
|
51
|
+
}
|
|
52
52
|
&:hover,
|
|
53
53
|
&.active {
|
|
54
|
-
|
|
54
|
+
outline: 2px solid var(--feeds-sharecare);
|
|
55
|
+
outline-offset: 2px;
|
|
55
56
|
}
|
|
56
57
|
}
|
|
57
58
|
&[data-category='survey'] {
|
|
58
|
-
|
|
59
|
+
border-color: var(--feeds-survey);
|
|
60
|
+
&:focus {
|
|
61
|
+
outline-color: var(--feeds-survey);
|
|
62
|
+
}
|
|
59
63
|
&:hover,
|
|
60
64
|
&.active {
|
|
61
|
-
|
|
65
|
+
outline: 2px solid var(--feeds-survey);
|
|
66
|
+
outline-offset: 2px;
|
|
62
67
|
}
|
|
63
68
|
}
|
|
64
69
|
&[data-category='calendar'] {
|
|
65
|
-
|
|
70
|
+
border-color: var(--feeds-calendar);
|
|
71
|
+
&:focus {
|
|
72
|
+
outline-color: var(--feeds-calendar);
|
|
73
|
+
}
|
|
66
74
|
&:hover,
|
|
67
75
|
&.active {
|
|
68
|
-
|
|
76
|
+
outline: 2px solid var(--feeds-calendar);
|
|
77
|
+
outline-offset: 2px;
|
|
69
78
|
}
|
|
70
79
|
}
|
|
71
80
|
}
|
|
72
81
|
}
|
|
73
82
|
form {
|
|
74
|
-
@apply hidden opacity-0 scale-0 motion-safe:transition-transform motion-safe:transition-opacity;
|
|
75
83
|
&.open {
|
|
76
|
-
|
|
84
|
+
display: flex;
|
|
85
|
+
flex-direction: column;
|
|
86
|
+
gap: 1rem;
|
|
87
|
+
opacity: 1;
|
|
88
|
+
transform: scale(1);
|
|
89
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
90
|
+
transition: transform 0.2s, opacity 0.2s;
|
|
91
|
+
}
|
|
77
92
|
}
|
|
78
93
|
label {
|
|
79
94
|
font-size: 1rem;
|
|
@@ -82,156 +97,97 @@
|
|
|
82
97
|
textarea {
|
|
83
98
|
margin-block-start: 0;
|
|
84
99
|
}
|
|
85
|
-
.posts__post_newElement_Body {
|
|
86
|
-
@apply border-0 bg-feeds-formBody;
|
|
87
|
-
}
|
|
88
|
-
.postType {
|
|
89
|
-
@apply flex gap-2 flex-wrap justify-center;
|
|
90
|
-
|
|
91
|
-
input[type='radio']:checked + label {
|
|
92
|
-
@apply bg-primary text-white focus:outline-primary;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
100
|
.posts__post_newElement_Xtra {
|
|
96
|
-
@apply relative hidden opacity-0 scale-0 motion-safe:transition-transform motion-safe:transition-opacity;
|
|
97
101
|
&.open {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
}
|
|
104
|
-
#newQuestion {
|
|
105
|
-
--tw-ring-color: theme('colors.feeds.sidebar');
|
|
106
|
-
@apply top-0 left-0 w-full h-full bg-white p-4 ring-1 rounded;
|
|
102
|
+
display: block;
|
|
103
|
+
opacity: 1;
|
|
104
|
+
transform: scale(1);
|
|
105
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
106
|
+
transition: transform 0.2s, opacity 0.2s;
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
.posts__post_newElement_Media {
|
|
111
|
-
@apply px-2 pb-2 pt-0;
|
|
112
111
|
svg {
|
|
113
|
-
|
|
112
|
+
width: 24px;
|
|
113
|
+
height: auto;
|
|
114
114
|
}
|
|
115
115
|
.active-uploads {
|
|
116
|
-
|
|
116
|
+
margin-top: 0;
|
|
117
|
+
padding-bottom: 0.5rem;
|
|
117
118
|
}
|
|
118
119
|
button {
|
|
119
|
-
|
|
120
|
+
margin-top: 0;
|
|
120
121
|
}
|
|
121
122
|
}
|
|
122
|
-
.sndBtn {
|
|
123
|
-
@apply self-end;
|
|
124
|
-
}
|
|
125
123
|
}
|
|
126
124
|
}
|
|
127
125
|
|
|
128
126
|
.feeds__container {
|
|
129
|
-
@apply pr-[91px] md:pr-[101px] lg:pr-0 order-1 grow min-h-[calc(100vh-72px)];
|
|
130
127
|
.feeds__body {
|
|
131
|
-
@apply flex-grow flex flex-wrap gap-4 items-start;
|
|
132
128
|
.posts__post {
|
|
133
|
-
@apply gap-4 ring-1 hover:cursor-default md:col-start-1 md:col-end-4 lg:col-start-2 lg:col-end-8 xl:col-start-2 xl:col-end-10;
|
|
134
129
|
.card__grid-text {
|
|
135
|
-
|
|
130
|
+
word-break: break-word;
|
|
131
|
+
overflow-wrap: break-word;
|
|
136
132
|
p {
|
|
137
|
-
|
|
133
|
+
color: black;
|
|
138
134
|
}
|
|
139
135
|
a {
|
|
140
|
-
|
|
136
|
+
text-decoration: underline;
|
|
137
|
+
transition: color 0.2s;
|
|
138
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
139
|
+
transition: color 0.2s;
|
|
140
|
+
}
|
|
141
|
+
&:hover {
|
|
142
|
+
color: rgba(var(--feeds-notification), 1);
|
|
143
|
+
text-decoration: none;
|
|
144
|
+
}
|
|
141
145
|
}
|
|
142
146
|
}
|
|
143
147
|
&[data-content] {
|
|
144
|
-
|
|
148
|
+
--tw-shadow: var(--shadow-feedBox);
|
|
149
|
+
--tw-shadow-colored: var(--shadow-feedBox);
|
|
145
150
|
}
|
|
146
151
|
&[data-content='post'] {
|
|
147
|
-
--tw-ring-color:
|
|
152
|
+
--tw-ring-color: var(--feeds-post);
|
|
148
153
|
}
|
|
149
154
|
&[data-content='sharecare'] {
|
|
150
|
-
--tw-ring-color:
|
|
155
|
+
--tw-ring-color: var(--feeds-sharecare);
|
|
151
156
|
}
|
|
152
157
|
&[data-content='host'] {
|
|
153
|
-
--tw-ring-color:
|
|
158
|
+
--tw-ring-color: var(--feeds-host);
|
|
154
159
|
&.host-highlight {
|
|
155
|
-
|
|
160
|
+
background-color: var(--feeds-host);
|
|
161
|
+
font-weight: 500;
|
|
156
162
|
.content-block__description {
|
|
157
|
-
|
|
163
|
+
color: white;
|
|
158
164
|
button {
|
|
159
|
-
|
|
165
|
+
color: white;
|
|
160
166
|
}
|
|
161
167
|
}
|
|
162
168
|
.card__grid-metadata {
|
|
163
169
|
.posts__post_actions_submenu {
|
|
164
170
|
button.openButton,
|
|
165
171
|
button.openButton span {
|
|
166
|
-
|
|
172
|
+
color: white;
|
|
167
173
|
}
|
|
168
174
|
&:has(ul:empty) {
|
|
169
|
-
|
|
175
|
+
display: none;
|
|
170
176
|
}
|
|
171
177
|
}
|
|
172
178
|
}
|
|
173
179
|
}
|
|
174
|
-
&.posts__post_host-handling {
|
|
175
|
-
@apply border-t-8 border-warning;
|
|
176
|
-
}
|
|
177
|
-
&.posts__post_host-complete {
|
|
178
|
-
@apply border-t-8 border-success;
|
|
179
|
-
}
|
|
180
|
-
.host-icon {
|
|
181
|
-
@apply absolute -right-2 -top-2 bg-white fill-feeds-host;
|
|
182
|
-
}
|
|
183
180
|
}
|
|
184
181
|
&[data-content='survey'] {
|
|
185
|
-
--tw-ring-color:
|
|
186
|
-
.posts__post_survey {
|
|
187
|
-
@apply flex flex-col gap-2 text-sm font-bold px-2;
|
|
188
|
-
.posts__post_survey-question {
|
|
189
|
-
@apply flex flex-col p-2 gap-2 rounded bg-feeds-bg;
|
|
190
|
-
.posts__post_survey-question-answer {
|
|
191
|
-
@apply font-medium flex flex-col px-2;
|
|
192
|
-
.posts__post_survey-question-answerInput {
|
|
193
|
-
@apply flex py-1 gap-2;
|
|
194
|
-
span {
|
|
195
|
-
@apply text-sm shrink-0;
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
}
|
|
182
|
+
--tw-ring-color: var(--feeds-survey);
|
|
201
183
|
}
|
|
202
184
|
&[data-content='calendar'] {
|
|
203
|
-
--tw-ring-color:
|
|
185
|
+
--tw-ring-color: var(--feeds-calendar);
|
|
204
186
|
}
|
|
205
187
|
.card__grid-metadata {
|
|
206
|
-
@apply gap-2 items-center flex-nowrap text-black px-2 pt-2;
|
|
207
188
|
.author {
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
.posts__post_actions {
|
|
211
|
-
@apply flex gap-4;
|
|
212
|
-
span {
|
|
213
|
-
@apply flex items-center gap-1;
|
|
214
|
-
}
|
|
215
|
-
.endorsers-list__trigger {
|
|
216
|
-
@apply hidden;
|
|
217
|
-
}
|
|
218
|
-
#endorsement-button {
|
|
219
|
-
@apply border-0 p-0 font-normal;
|
|
220
|
-
&:hover {
|
|
221
|
-
background: none;
|
|
222
|
-
color: inherit;
|
|
223
|
-
}
|
|
224
|
-
svg {
|
|
225
|
-
@apply fill-black;
|
|
226
|
-
}
|
|
227
|
-
}
|
|
228
|
-
.posts__post_actions_submenu {
|
|
229
|
-
button.openButton {
|
|
230
|
-
span {
|
|
231
|
-
@apply leading-[0] text-3xl text-feeds-sidebar;
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
}
|
|
189
|
+
margin-right: auto;
|
|
190
|
+
flex-shrink: 1;
|
|
235
191
|
}
|
|
236
192
|
}
|
|
237
193
|
.posts__post_gallery {
|
|
@@ -259,103 +215,114 @@
|
|
|
259
215
|
}
|
|
260
216
|
}
|
|
261
217
|
.posts__post_comments {
|
|
262
|
-
|
|
218
|
+
padding-left: 0.5rem;
|
|
219
|
+
padding-right: 0.5rem;
|
|
263
220
|
#comments {
|
|
264
221
|
.comments__header {
|
|
265
|
-
|
|
222
|
+
display: flex;
|
|
223
|
+
flex-direction: row;
|
|
224
|
+
justify-content: flex-end;
|
|
225
|
+
height: 2rem;
|
|
226
|
+
align-items: center;
|
|
227
|
+
margin-bottom: 0;
|
|
266
228
|
h2 {
|
|
267
|
-
|
|
229
|
+
display: flex;
|
|
230
|
+
font-size: 0.875rem; /* equivalent to text-sm */
|
|
231
|
+
font-weight: 500; /* equivalent to font-medium */
|
|
232
|
+
gap: 0.25rem; /* equivalent to gap-1 */
|
|
233
|
+
cursor: pointer;
|
|
268
234
|
svg {
|
|
269
|
-
|
|
235
|
+
width: 14px;
|
|
236
|
+
height: auto;
|
|
237
|
+
fill: rgba(var(--feeds-black), 1);
|
|
270
238
|
}
|
|
271
239
|
}
|
|
272
240
|
}
|
|
273
241
|
.comment-order-by {
|
|
274
|
-
|
|
242
|
+
display: none;
|
|
275
243
|
}
|
|
276
244
|
.comment-threads,
|
|
277
245
|
.add-comment:not(.comment__additionalreply) form.new_comment {
|
|
278
|
-
|
|
246
|
+
height: 0;
|
|
247
|
+
visibility: hidden;
|
|
248
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
249
|
+
transition: transform 0.2s;
|
|
250
|
+
}
|
|
279
251
|
}
|
|
280
252
|
.comment-threads {
|
|
281
253
|
.comment-thread {
|
|
282
254
|
.comment__header {
|
|
283
|
-
|
|
255
|
+
margin-left: -2rem;
|
|
284
256
|
}
|
|
285
257
|
.author__avatar-container {
|
|
286
|
-
|
|
258
|
+
width: 1.5rem;
|
|
259
|
+
height: 1.5rem;
|
|
287
260
|
}
|
|
288
261
|
}
|
|
289
262
|
}
|
|
290
263
|
.add-comment {
|
|
291
|
-
|
|
264
|
+
margin-top: 1rem;
|
|
292
265
|
label {
|
|
293
|
-
|
|
266
|
+
display: block;
|
|
267
|
+
font-size: 1rem; /* equivalent to text-md */
|
|
268
|
+
font-weight: 500; /* equivalent to font-medium */
|
|
294
269
|
}
|
|
295
270
|
textarea {
|
|
296
|
-
|
|
271
|
+
display: block;
|
|
272
|
+
width: 100%;
|
|
273
|
+
@media (min-width: 640px) {
|
|
274
|
+
font-size: 0.875rem; /* equivalent to sm:text-sm */
|
|
275
|
+
line-height: 1.5rem; /* equivalent to sm:leading-6 */
|
|
276
|
+
}
|
|
297
277
|
}
|
|
298
278
|
}
|
|
299
279
|
.add-comment:not(.comment__additionalreply) {
|
|
300
|
-
|
|
280
|
+
margin-top: 0;
|
|
301
281
|
}
|
|
302
282
|
}
|
|
303
283
|
}
|
|
304
284
|
&.posts__post_newElement {
|
|
305
285
|
--tw-ring-color: theme('colors.white');
|
|
306
|
-
@apply gap-4;
|
|
307
|
-
.circle {
|
|
308
|
-
@apply w-[52px] h-[52px] p-2 bg-white rounded-[52px] shadow-feedMenu justify-center items-center inline-flex text-black;
|
|
309
|
-
svg {
|
|
310
|
-
@apply w-[36px] h-[36px] fill-feeds-sidebar rotate-45 motion-safe:transition-transform;
|
|
311
|
-
}
|
|
312
|
-
}
|
|
313
286
|
}
|
|
314
287
|
}
|
|
315
288
|
}
|
|
316
289
|
}
|
|
317
290
|
|
|
318
291
|
.posts__aside {
|
|
319
|
-
@apply shrink-0 max-lg:right-[16px] max-lg:top-[88px] max-lg:bottom-[80px] max-lg:fixed max-w-[72px] order-2 flex flex-col justify-between lg:justify-start;
|
|
320
292
|
ul {
|
|
321
|
-
@apply flex flex-col space-y-4;
|
|
322
293
|
a {
|
|
323
|
-
@apply flex flex-col items-center font-medium text-sm md:text-md text-feeds-sidebar text-center;
|
|
324
|
-
svg {
|
|
325
|
-
@apply w-[24px] h-auto fill-feeds-sidebar;
|
|
326
|
-
}
|
|
327
294
|
&.active {
|
|
328
295
|
span {
|
|
329
|
-
|
|
296
|
+
font-weight: bold;
|
|
330
297
|
}
|
|
331
298
|
&[data-filter='post'] {
|
|
332
299
|
svg {
|
|
333
|
-
|
|
300
|
+
fill: var(--feeds-post);
|
|
334
301
|
}
|
|
335
302
|
}
|
|
336
303
|
&[data-filter='sharecare'] {
|
|
337
304
|
svg {
|
|
338
|
-
|
|
305
|
+
fill: var(--feeds-sharecare);
|
|
339
306
|
}
|
|
340
307
|
}
|
|
341
308
|
&[data-filter='host'] {
|
|
342
309
|
svg {
|
|
343
|
-
|
|
310
|
+
fill: var(--feeds-host);
|
|
344
311
|
}
|
|
345
312
|
}
|
|
346
313
|
&[data-filter='survey'] {
|
|
347
314
|
svg {
|
|
348
|
-
|
|
315
|
+
fill: var(--feeds-survey);
|
|
349
316
|
}
|
|
350
317
|
}
|
|
351
318
|
&[data-filter='calendar'] {
|
|
352
319
|
svg {
|
|
353
|
-
|
|
320
|
+
fill: var(--feeds-calendar);
|
|
354
321
|
}
|
|
355
322
|
}
|
|
356
323
|
}
|
|
357
324
|
&[data-filter='host'] {
|
|
358
|
-
|
|
325
|
+
margin-top: 2rem;
|
|
359
326
|
}
|
|
360
327
|
}
|
|
361
328
|
}
|
|
@@ -364,11 +331,13 @@
|
|
|
364
331
|
// tooltip
|
|
365
332
|
.author__tooltip {
|
|
366
333
|
&[role='tooltip'] {
|
|
367
|
-
|
|
334
|
+
--tw-shadow: var(--shadow-feedMenu);
|
|
335
|
+
--tw-shadow-colored: var(--shadow-feedMenu);
|
|
336
|
+
@apply bg-white text-black rounded-2xl shadow;
|
|
368
337
|
.author__name {
|
|
369
338
|
@apply text-black;
|
|
370
339
|
&:hover {
|
|
371
|
-
|
|
340
|
+
text-decoration: none;
|
|
372
341
|
}
|
|
373
342
|
}
|
|
374
343
|
&::before {
|
|
@@ -382,7 +351,7 @@
|
|
|
382
351
|
|
|
383
352
|
// fix bottom menu overlapping content on desktops
|
|
384
353
|
#content {
|
|
385
|
-
|
|
354
|
+
margin-bottom: 7rem;
|
|
386
355
|
}
|
|
387
356
|
|
|
388
357
|
// color hacks
|
|
@@ -408,8 +377,94 @@
|
|
|
408
377
|
button {
|
|
409
378
|
&[data-reaction]:not([data-reaction='']) {
|
|
410
379
|
.reaction_icon {
|
|
411
|
-
|
|
380
|
+
display: none;
|
|
412
381
|
}
|
|
413
382
|
}
|
|
414
383
|
}
|
|
415
384
|
}
|
|
385
|
+
|
|
386
|
+
// safe classes for tailwind
|
|
387
|
+
|
|
388
|
+
.ring-feeds-notification {
|
|
389
|
+
--tw-ring-color: rgba(var(--feeds-notification), 1);
|
|
390
|
+
}
|
|
391
|
+
.ring-feeds-host {
|
|
392
|
+
--tw-ring-color: var(--feeds-host);
|
|
393
|
+
}
|
|
394
|
+
.ring-feeds-sharecare {
|
|
395
|
+
--tw-ring-color: var(--feeds-sharecare);
|
|
396
|
+
}
|
|
397
|
+
.ring-feeds-survey {
|
|
398
|
+
--tw-ring-color: var(--feeds-survey);
|
|
399
|
+
}
|
|
400
|
+
.ring-feeds-calendar {
|
|
401
|
+
--tw-ring-color: var(--feeds-calendar);
|
|
402
|
+
}
|
|
403
|
+
.ring-feeds-post {
|
|
404
|
+
--tw-ring-color: var(--feeds-post);
|
|
405
|
+
}
|
|
406
|
+
.bg-feeds-notification {
|
|
407
|
+
background-color: rgba(var(--feeds-notification), 1);
|
|
408
|
+
}
|
|
409
|
+
.bg-feeds-formBody {
|
|
410
|
+
background-color: var(--feeds-formBody);
|
|
411
|
+
}
|
|
412
|
+
.bg-feeds-bg {
|
|
413
|
+
background-color: var(--feeds-bg);
|
|
414
|
+
}
|
|
415
|
+
.text-feeds-sidebar {
|
|
416
|
+
color: var(--feeds-sidebar);
|
|
417
|
+
}
|
|
418
|
+
.fill-feeds-sidebar {
|
|
419
|
+
fill: var(--feeds-sidebar);
|
|
420
|
+
}
|
|
421
|
+
.fill-feeds-host {
|
|
422
|
+
fill: var(--feeds-host);
|
|
423
|
+
}
|
|
424
|
+
.fill-feeds-post {
|
|
425
|
+
fill: var(--feeds-post);
|
|
426
|
+
}
|
|
427
|
+
.fill-feeds-sharecare {
|
|
428
|
+
fill: var(--feeds-sharecare);
|
|
429
|
+
}
|
|
430
|
+
.fill-feeds-survey {
|
|
431
|
+
fill: var(--feeds-survey);
|
|
432
|
+
}
|
|
433
|
+
.fill-feeds-calendar {
|
|
434
|
+
fill: var(--feeds-calendar);
|
|
435
|
+
}
|
|
436
|
+
.border-feeds-host {
|
|
437
|
+
border-color: var(--feeds-host);
|
|
438
|
+
}
|
|
439
|
+
.border-feeds-post {
|
|
440
|
+
border-color: var(--feeds-post);
|
|
441
|
+
}
|
|
442
|
+
.border-feeds-sharecare {
|
|
443
|
+
border-color: var(--feeds-sharecare);
|
|
444
|
+
}
|
|
445
|
+
.border-feeds-survey {
|
|
446
|
+
border-color: var(--feeds-survey);
|
|
447
|
+
}
|
|
448
|
+
.border-feeds-calendar {
|
|
449
|
+
border-color: var(--feeds-calendar);
|
|
450
|
+
}
|
|
451
|
+
.border-success {
|
|
452
|
+
border-color: theme('colors.success');
|
|
453
|
+
}
|
|
454
|
+
.border-warning {
|
|
455
|
+
border-color: theme('colors.warning');
|
|
456
|
+
}
|
|
457
|
+
.bg-success {
|
|
458
|
+
background-color: theme('colors.success');
|
|
459
|
+
}
|
|
460
|
+
.bg-warning {
|
|
461
|
+
background-color: theme('colors.warning');
|
|
462
|
+
}
|
|
463
|
+
.shadow-feedMenu {
|
|
464
|
+
--tw-shadow: var(--shadow-feedMenu);
|
|
465
|
+
--tw-shadow-colored: var(--shadow-feedMenu);
|
|
466
|
+
}
|
|
467
|
+
.shadow-feedBox {
|
|
468
|
+
--tw-shadow: var(--shadow-feedBox);
|
|
469
|
+
--tw-shadow-colored: var(--shadow-feedBox);
|
|
470
|
+
}
|
|
@@ -1,24 +1,25 @@
|
|
|
1
|
-
<main class="feeds__main home">
|
|
1
|
+
<main class="feeds__main home flex w-full xl:max-w-screen-xl 2xl:max-w-screen-2xl mx-auto p-4 lg:p-16 lg:flex-row lg:gap-4 lg:justify-between">
|
|
2
2
|
<!-- This is the sidebar that appears on the right side of the page -->
|
|
3
3
|
<%= render partial: "decidim/posts/posts/sidebar" %>
|
|
4
|
-
<div class="feeds__container">
|
|
5
|
-
<div class="feeds__body">
|
|
4
|
+
<div class="feeds__container order-1 grow min-h-[calc(100vh-72px)]">
|
|
5
|
+
<div class="feeds__body flex-grow flex flex-wrap gap-4 items-start">
|
|
6
6
|
<div class="card__grid-home w-full lg:grid-cols-8 xl:grid-cols-12 gap-6">
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
7
|
+
<div class="card__grid posts__post p-2 gap-4 ring-1 hover:cursor-default md:col-start-1 md:col-end-4 lg:col-start-2 lg:col-end-8 xl:col-start-2 xl:col-end-10" data-content="calendar">
|
|
8
|
+
<%= decidim_form_for(@form, url: Decidim::EngineRouter.main_proxy(posts_component_for_meeting(@meeting)).meeting_path(@meeting), html: { class: "meetings_form new_meeting" }) do |form| %>
|
|
9
|
+
<div class="form__wrapper p-0 gap-4">
|
|
10
|
+
<%= render partial: "decidim/posts/posts/meeting_form", locals: { form: form } %>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
|
|
13
|
+
<%= link_to t("decidim.components.posts.newFeed.cancel"), '/', class: "button button__sm button__transparent-secondary" %>
|
|
14
|
+
<%= form.submit "#{t("decidim.components.posts.newFeed.action")} #{icon('send-plane-line')}".html_safe, class: "sndBtn button button__sm button__transparent-primary", data: { disable: true } %>
|
|
15
|
+
</div>
|
|
16
|
+
<% end %>
|
|
17
|
+
</div>
|
|
17
18
|
</div>
|
|
18
19
|
</div>
|
|
19
20
|
<!-- In case the Module Decidim FeedsUi is present, the form will be installed in the footer of the application -->
|
|
20
21
|
<% unless defined?(Decidim::FeedsUi) %>
|
|
21
|
-
<%= append_javascript_pack_tag "
|
|
22
|
+
<%= append_javascript_pack_tag "decidim_posts" %>
|
|
22
23
|
<% end %>
|
|
23
24
|
</div>
|
|
24
25
|
</main>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<% if(posts_component = ((defined?(current_component) && current_component.manifest_name == "posts") ? current_component : Decidim::Component.where(manifest_name: "posts").select {|c| c.organization == current_organization }.first)) %>
|
|
2
|
+
<main class="feeds__main home flex w-full xl:max-w-screen-xl 2xl:max-w-screen-2xl mx-auto p-4 lg:p-16 lg:flex-row lg:gap-4 lg:justify-between">
|
|
3
|
+
<!-- This is the sidebar that appears on the right side of the page -->
|
|
4
|
+
<%= render partial: "decidim/posts/posts/sidebar" %>
|
|
5
|
+
<div class="feeds__container order-1 grow min-h-[calc(100vh-72px)]">
|
|
6
|
+
<div class="feeds__body flex-grow flex flex-wrap gap-4 items-start">
|
|
7
|
+
<div class="card__grid-home w-full lg:grid-cols-8 xl:grid-cols-12 gap-6">
|
|
8
|
+
<div class="card__grid posts__post p-2 gap-4 ring-1 hover:cursor-default md:col-start-1 md:col-end-4 lg:col-start-2 lg:col-end-8 xl:col-start-2 xl:col-end-10" data-content="calendar">
|
|
9
|
+
<%= decidim_form_for(@form, url: Decidim::EngineRouter.main_proxy(posts_component).meetings_path, html: { class: "meetings_form new_meeting" }) do |form| %>
|
|
10
|
+
<div class="form__wrapper p-0 gap-4">
|
|
11
|
+
<%= render partial: "decidim/posts/posts/meeting_form", locals: { form: form } %>
|
|
12
|
+
</div>
|
|
13
|
+
<div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
|
|
14
|
+
<%= link_to t("decidim.components.posts.newFeed.cancel"), '/', class: "button button__sm button__transparent-secondary" %>
|
|
15
|
+
<%= form.submit "#{t("decidim.components.posts.newFeed.action")} #{icon('send-plane-line')}".html_safe, class: "sndBtn button button__sm button__transparent-primary", data: { disable: true } %>
|
|
16
|
+
</div>
|
|
17
|
+
<% end %>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
<!-- In case the Module Decidim FeedsUi is present, the form will be installed in the footer of the application -->
|
|
22
|
+
<% unless defined?(Decidim::FeedsUi) %>
|
|
23
|
+
<%= append_javascript_pack_tag "decidim_posts" %>
|
|
24
|
+
<% end %>
|
|
25
|
+
</div>
|
|
26
|
+
</main>
|
|
27
|
+
<% end %>
|