@openeventkit/event-site 2.0.19 → 2.0.21

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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@openeventkit/event-site",
3
3
  "description": "Event Site",
4
- "version": "2.0.19",
4
+ "version": "2.0.21",
5
5
  "author": "Tipit LLC",
6
6
  "dependencies": {
7
7
  "@mui/base": "^5.0.0-alpha.114",
@@ -21,7 +21,7 @@
21
21
  "@types/react": "^16.9.42",
22
22
  "@vimeo/player": "^2.16.3",
23
23
  "ably": "^1.2.34",
24
- "attendee-to-attendee-widget": "3.0.2",
24
+ "attendee-to-attendee-widget": "3.0.3",
25
25
  "awesome-bootstrap-checkbox": "^1.0.1",
26
26
  "axios": "^0.19.2",
27
27
  "babel-preset-gatsby": "^3.9.0",
@@ -1 +1,17 @@
1
- {"widgets":{"chat":{"showQA":false,"showHelp":false,"defaultScope":"page"},"schedule":{"allowClick":true}},"favicons":{"favicon180":"/img/favicon.png","favicon32":"/img/favicon.png","favicon16":"/img/favicon.png"},"staticJsonFilesBuildTime":[{"file":"src/data/summit.json","build_time":1691764407535},{"file":"src/data/events.json","build_time":1691764428761},{"file":"src/data/events.idx.json","build_time":1691764428803},{"file":"src/data/speakers.json","build_time":1691764439597},{"file":"src/data/speakers.idx.json","build_time":1691764439606},{"file":"src/content/sponsors.json","build_time":1691764440544},{"file":"src/data/voteable-presentations.json","build_time":1691764441814}],"lastBuild":1691764441814}
1
+ {
2
+ "widgets": {
3
+ "chat": {
4
+ "showQA": false,
5
+ "showHelp": false,
6
+ "defaultScope": "page"
7
+ },
8
+ "schedule": {
9
+ "allowClick": true
10
+ }
11
+ },
12
+ "favicons": {
13
+ "favicon180": "/img/favicon.png",
14
+ "favicon32": "/img/favicon.png",
15
+ "favicon16": "/img/favicon.png"
16
+ }
17
+ }
@@ -3,39 +3,52 @@
3
3
  @import "bulma/sass/form/_all.sass";
4
4
 
5
5
  @import "colors.scss";
6
+ .extraQuestionsContainer {
6
7
 
7
- .extra-question {
8
- label {
9
- font-weight: 600;
10
- b {
11
- color: red;
12
- }
8
+ h2, h1, h3{
9
+ color: var(--color_text_dark) !important;
13
10
  }
14
- [id^=rl_wrapper] div {
15
- padding-top: 5px;
16
- &~ div {
17
- padding-top: 10px;
11
+
12
+ .extra-question {
13
+ label {
14
+ font-weight: 600;
15
+
16
+ b {
17
+ color: red;
18
+ }
18
19
  }
19
- }
20
- textarea{
21
- width: 100%;
22
- resize: none;
23
- }
24
- input[type="checkbox"] {
25
- margin-right: 3px;
26
- &~ label {
27
- padding-left: 13px !important;
20
+
21
+ [id^=rl_wrapper] div {
22
+ padding-top: 5px;
23
+
24
+ & ~ div {
25
+ padding-top: 10px;
26
+ }
27
+ }
28
+
29
+ textarea {
30
+ width: 100%;
31
+ resize: none;
32
+ }
33
+
34
+ input[type="checkbox"] {
35
+ margin-right: 3px;
36
+
37
+ & ~ label {
38
+ padding-left: 13px !important;
39
+ color: var(--color_input_text_color) !important;
40
+ }
41
+ }
42
+
43
+ h4 {
44
+ font-weight: 400;
45
+ font-size: 1em !important;
46
+ line-height: 1;
47
+ padding-top: 4px;
48
+ margin-bottom: 0px;
28
49
  color: var(--color_input_text_color) !important;
29
50
  }
30
51
  }
31
- h4 {
32
- font-weight: 400;
33
- font-size: 1em !important;
34
- line-height: 1;
35
- padding-top: 4px;
36
- margin-bottom: 0px;
37
- color: var(--color_input_text_color) !important;
38
- }
39
52
  }
40
53
 
41
54
  .error-label {
@@ -131,4 +131,70 @@
131
131
 
132
132
 
133
133
  @extend %font-regular;
134
+ }
135
+
136
+ %body_theme {
137
+ /********************************************************/
138
+ /* base mode rules */
139
+ /********************************************************/
140
+
141
+ background-color: var(--color_background_light) !important;
142
+ color: var(--color_text_dark) !important;
143
+
144
+ input, select, textarea {
145
+ color: var(--color_input_text_color) !important;
146
+ background-color: var(--color_input_background_color) !important;
147
+ border-color: var(--color_input_border_color) !important;
148
+ &::placeholder{
149
+ color: var(--color_input_text_color) !important;
150
+ }
151
+ }
152
+
153
+ .ajax-loader-container {
154
+ .fa-spinner{
155
+ color:var(--color_input_text_color) !important;
156
+ }
157
+ }
158
+
159
+ .rdtPicker{
160
+ background-color: var(--color_input_background_color);
161
+ color: var(--color_input_text_color);
162
+ .rdtDays{
163
+ table th{
164
+ color: var(--color_input_text_color);
165
+ text-align: center;
166
+ }
167
+ }
168
+ }
169
+
170
+ .registration_company_dll_prefix__control, .ddl-extra-questions__control{
171
+ background-color: var(--color_input_background_color) !important;;
172
+ color: var(--color_input_text_color) !important;
173
+ border-color: var(--color_input_border_color) !important;
174
+ .registration_company_dll_prefix__single-value, .ddl-extra-questions__single-value{
175
+ color: var(--color_input_text_color) !important;
176
+ }
177
+ }
178
+
179
+ .ddl-extra-questions__menu{
180
+ background-color: var(--color_input_background_color) !important;;
181
+ color: var(--color_input_text_color) !important;
182
+ border-color: var(--color_input_border_color) !important;
183
+ }
184
+
185
+ .ddl-extra-questions__option:hover {
186
+ background-color: var(--color_background_dark) !important;;
187
+ color: var(--color_text_light) !important
188
+ }
189
+
190
+ /********************************************************/
191
+ /* end of base mode rules */
192
+ /********************************************************/
193
+ }
194
+
195
+ %body_base {
196
+ margin: 0;
197
+ padding: 0;
198
+ height: 100%;
199
+ @extend %body_theme
134
200
  }
@@ -94,7 +94,7 @@
94
94
  h1,
95
95
  h2,
96
96
  h4 {
97
- color: white;
97
+ color: var(--color_text_light);
98
98
  }
99
99
 
100
100
  .date {
@@ -6,12 +6,13 @@
6
6
  @import 'colors.scss';
7
7
 
8
8
  .modal-card {
9
- color: #363636;
9
+ background-color: var(--color_background_light);
10
+ color: var(--color_text_dark);
10
11
  margin: 0 5rem 0 auto;
11
12
 
12
13
  .modal-card-head {
13
14
  padding: 10px 20px;
14
- background-color: #ffffff;
15
+ background-color: var(--color_background_light);
15
16
  border-top-left-radius: 0px;
16
17
  border-top-right-radius: 0px;
17
18
  display: flex;
@@ -20,6 +21,7 @@
20
21
  .modal-card-title {
21
22
  font-weight: bold;
22
23
  margin-bottom: 0;
24
+ color: var(--color_text_dark);
23
25
  }
24
26
 
25
27
  .close-icon {
@@ -31,17 +33,17 @@
31
33
 
32
34
  .modal-card-body {
33
35
  padding: 0px;
34
-
36
+ background-color: var(--color_background_light);
35
37
  .modal-card-picture {
36
38
  .title {
37
- background-color: #ffffff;
39
+ background-color: var(--color_background_light);
38
40
  padding: 10px 20px;
39
41
  font-weight: bold;
40
42
  border-bottom: 1px solid #dbdbdb;
41
43
  }
42
44
 
43
45
  .picture {
44
- background-color: #f7f7f7;
46
+ background-color: var(--color_background_light);
45
47
  text-align: center;
46
48
  padding: 0px 20px 20px;
47
49
  position: relative;
@@ -90,14 +92,14 @@
90
92
 
91
93
  .modal-card-form {
92
94
  .title {
93
- background-color: #ffffff;
95
+ background-color: var(--color_background_light);
94
96
  padding: 10px 20px;
95
97
  font-weight: bold;
96
98
  border-bottom: 1px solid #dbdbdb;
97
99
  }
98
100
 
99
101
  .form {
100
- background-color: #f7f7f7;
102
+ background-color: var(--color_background_light);
101
103
  text-align: center;
102
104
  padding: 20px;
103
105
 
@@ -114,7 +116,7 @@
114
116
  }
115
117
 
116
118
  .modal-card-foot {
117
- background-color: #ffffff;
119
+ background-color: var(--color_background_light);
118
120
  display: flex;
119
121
  justify-content: space-evenly;
120
122
  border-bottom-left-radius: 0px;
@@ -123,12 +125,9 @@
123
125
  button {
124
126
  width: 20rem;
125
127
  height: 4.5rem;
126
-
127
- &:last-of-type {
128
- color: #ffffff;
129
- border-color: #ffffff;
130
- background-color: var(--color_primary);
131
- }
128
+ background-color: var(--color_input_background_color) !important;;
129
+ color: var(--color_input_text_color) !important;
130
+ border-color: var(--color_input_border_color) !important;
132
131
  }
133
132
  }
134
133
  }
@@ -4,69 +4,7 @@
4
4
  html,
5
5
  body {
6
6
  font-family: "Nunito Sans", sans-serif !important;
7
- margin: 0;
8
- padding: 0;
9
- height: 100%;
10
- /********************************************************/
11
- /* base mode rules */
12
- /********************************************************/
13
-
14
- background-color: var(--color_background_light) !important;
15
- color: var(--color_text_dark) !important;
16
-
17
- input, select, textarea {
18
- color: var(--color_input_text_color) !important;
19
- background-color: var(--color_input_background_color) !important;
20
- border-color: var(--color_input_border_color) !important;
21
- &::placeholder{
22
- color: var(--color_input_text_color) !important;
23
- }
24
- }
25
-
26
- h2, h1 , h3{
27
- color: var(--color_text_dark) !important;
28
- }
29
-
30
- .ajax-loader-container {
31
- .fa-spinner{
32
- color:var(--color_input_text_color) !important;
33
- }
34
- }
35
-
36
- .rdtPicker{
37
- background-color: var(--color_input_background_color);
38
- color: var(--color_input_text_color);
39
- .rdtDays{
40
- table th{
41
- color: var(--color_input_text_color);
42
- text-align: center;
43
- }
44
- }
45
- }
46
-
47
- .registration_company_dll_prefix__control, .ddl-extra-questions__control{
48
- background-color: var(--color_input_background_color) !important;;
49
- color: var(--color_input_text_color) !important;
50
- border-color: var(--color_input_border_color) !important;
51
- .registration_company_dll_prefix__single-value, .ddl-extra-questions__single-value{
52
- color: var(--color_input_text_color) !important;
53
- }
54
- }
55
-
56
- .ddl-extra-questions__menu{
57
- background-color: var(--color_input_background_color) !important;;
58
- color: var(--color_input_text_color) !important;
59
- border-color: var(--color_input_border_color) !important;
60
- }
61
-
62
- .ddl-extra-questions__option:hover {
63
- background-color: var(--color_background_dark) !important;;
64
- color: var(--color_text_light) !important
65
- }
66
-
67
- /********************************************************/
68
- /* end of base mode rules */
69
- /********************************************************/
7
+ @extend %body_base;
70
8
  }
71
9
 
72
10
 
@@ -147,7 +147,7 @@ export const ExtraQuestionsPageTemplate = ({ user, summit, extraQuestions, saveA
147
147
  }
148
148
 
149
149
  return (
150
- <div className="content columns">
150
+ <div className={`content columns ${styles.extraQuestionsContainer}`}>
151
151
  <div className="column is-three-fifths is-offset-one-fifth px-6-desktop py-6-desktop mb-6">
152
152
  <h2>Attendee Information</h2>
153
153
  <div className="columns is-multiline pt-4 pb-5">
@@ -1 +0,0 @@
1
- {}
@@ -1 +0,0 @@
1
- []