@internetstiftelsen/styleguide 2.21.9 → 2.21.13

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.
@@ -137,7 +137,7 @@ function createToolbar(el, editor) {
137
137
  function getHTML(editor) {
138
138
  var html = editor.getHTML();
139
139
 
140
- return html.replace(/<li><p>/g, '<li>').replace(/<\/p><\/li>/g, '</li>');
140
+ return html;
141
141
  }
142
142
 
143
143
  function setupTextArea(el) {
@@ -158,6 +158,7 @@ function setupTextArea(el) {
158
158
  },
159
159
  onUpdate: function onUpdate(props) {
160
160
  var html = getHTML(props.editor);
161
+ console.log(html);
161
162
  el.value = html;
162
163
  onChange(html);
163
164
  }
@@ -218,7 +218,7 @@ function display() {
218
218
  * Dispatch the next modal in queue.
219
219
  */
220
220
  function dispatch() {
221
- if (active || !queue.length) {
221
+ if (!modal || active || !queue.length) {
222
222
  return;
223
223
  }
224
224
 
@@ -298,6 +298,10 @@ function createModal() {
298
298
  document.body.appendChild(modal);
299
299
 
300
300
  modalClose.addEventListener('click', close);
301
+
302
+ setTimeout(function () {
303
+ dispatch();
304
+ }, 1);
301
305
  }
302
306
 
303
307
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetstiftelsen/styleguide",
3
- "version": "2.21.9",
3
+ "version": "2.21.13",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
@@ -131,9 +131,7 @@ function createToolbar(el, editor) {
131
131
  function getHTML(editor) {
132
132
  const html = editor.getHTML();
133
133
 
134
- return html
135
- .replace(/<li><p>/g, '<li>')
136
- .replace(/<\/p><\/li>/g, '</li>');
134
+ return html;
137
135
  }
138
136
 
139
137
  export function setupTextArea(el, onChange = () => {}) {
@@ -155,6 +153,7 @@ export function setupTextArea(el, onChange = () => {}) {
155
153
  },
156
154
  onUpdate(props) {
157
155
  const html = getHTML(props.editor);
156
+ console.log(html);
158
157
  el.value = html;
159
158
  onChange(html);
160
159
  },
@@ -195,7 +195,7 @@ function display() {
195
195
  * Dispatch the next modal in queue.
196
196
  */
197
197
  function dispatch() {
198
- if (active || !queue.length) {
198
+ if (!modal || active || !queue.length) {
199
199
  return;
200
200
  }
201
201
 
@@ -286,6 +286,10 @@ function createModal() {
286
286
  document.body.appendChild(modal);
287
287
 
288
288
  modalClose.addEventListener('click', close);
289
+
290
+ setTimeout(() => {
291
+ dispatch();
292
+ }, 1);
289
293
  }
290
294
 
291
295
  /**
@@ -51,7 +51,7 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
51
51
  -moz-osx-font-smoothing: grayscale;
52
52
 
53
53
  @include e(freetext) {
54
- padding: rhythm(4) rhythm(3);
54
+ padding: rhythm(3) rhythm(3) rhythm(4) rhythm(3);
55
55
  border-bottom: 1px solid $color-black;
56
56
 
57
57
  @include bp-up(xl) {
@@ -115,9 +115,25 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
115
115
 
116
116
  @include e(row-first) {
117
117
  border-bottom: 1px solid $color-black;
118
+ overflow: hidden;
119
+
120
+ @include bp-up(lg) {
121
+ height: 70%;
122
+ }
123
+
124
+ @include bp-up(xl) {
125
+ height: 50%;
126
+ }
118
127
  }
119
128
 
120
129
  @include e(row-second) {
130
+ @include bp-up(lg) {
131
+ height: 30%;
132
+ }
133
+
134
+ @include bp-up(xl) {
135
+ height: 50%;
136
+ }
121
137
  }
122
138
  }
123
139
 
@@ -127,21 +143,25 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
127
143
 
128
144
  @include bp-only(md) {
129
145
  border-bottom: 0;
130
- border-right: 1px solid $color-black;
131
146
  }
132
147
 
133
148
  @include bp-up(xl) {
134
- border-right: 1px solid $color-black;
135
149
  border-bottom: 0;
136
- padding: rhythm(3) rhythm(3) rhythm(3) rhythm(6);
150
+ padding: rhythm(4) rhythm(3) rhythm(3) rhythm(6);
137
151
  }
138
152
  }
139
153
 
140
154
  @include e(address2) {
141
- padding: rhythm(3) 0 rhythm(3) rhythm(3);
155
+ padding: rhythm(3);
156
+
157
+ @include bp-only(md) {
158
+ border-left: 1px solid $color-black;
159
+ }
142
160
 
143
161
  @include bp-up(xl) {
162
+ border-left: 1px solid $color-black;
144
163
  padding-left: rhythm(6);
164
+ padding-top: rhythm(4);
145
165
  }
146
166
  }
147
167
 
@@ -153,11 +173,10 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
153
173
 
154
174
  @include bp-up(md) {
155
175
  border-bottom: 0;
156
- border-right: 1px solid $color-black;
157
176
  }
158
177
 
159
178
  @include bp-up(xl) {
160
- padding: rhythm(3) rhythm(3) rhythm(3) rhythm(6);
179
+ padding: rhythm(3) rhythm(3) rhythm(4) rhythm(6);
161
180
  }
162
181
  }
163
182
 
@@ -166,8 +185,13 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
166
185
  display: flex;
167
186
  align-items: center;
168
187
 
188
+ @include bp-up(md) {
189
+ border-left: 1px solid $color-black;
190
+ }
191
+
169
192
  @include bp-up(xl) {
170
193
  padding-left: rhythm(6);
194
+ padding-bottom: rhythm(4);
171
195
  }
172
196
  }
173
197
  }
@@ -4,8 +4,8 @@ module.exports = {
4
4
  context: {
5
5
  id: '',
6
6
  footer_text: '<p class="o-footer__paragraph"><a href="https://internetstiftelsen.se">Internetstiftelsen</a> verkar för ett internet som bidrar positivt till människan och samhället. Vi är en oberoende organisation som säkerställer en stark och säker infrastruktur för internet i Sverige. Vårt mål är att alla ska våga och kunna använda internet. Vi finns i Sverige och ansvarar för den svenska toppdomänen .se och driften av toppdomänen .nu.</p>',
7
- contact_1: '<ul class="u-list-clean o-footer__contact__address"><li class="o-footer__contact__address__li">Internetstiftelsen</li><li class="o-footer__contact__address__li">Hammarby Kaj 10D</li><li class="o-footer__contact__address__li">Box 92073</li><li class="o-footer__contact__address__li">120 07 Stockholm</li></ul>',
8
- contact_2: '<ul class="u-list-clean o-footer__contact__address"><li class="o-footer__contact__address__li">E-post: <a class="o-footer__link" href="mailto:info@internetstiftelsen.se">info@internetstiftelsen.se</a></li><li class="o-footer__contact__address__li">Telefon: <a class="o-footer__link" href="tel:084523500">08-452 35 00</a></li><li class="o-footer__contact__address__li">Organisationsnummer: 802405-0190</li></ul>',
7
+ contact_1: '<ul class="u-list-clean o-footer__info__contact__address"><li class="o-footer__info__contact__address__li">Internetstiftelsen</li><li class="o-footer__info__contact__address__li">Hammarby Kaj 10D</li><li class="o-footer__info__contact__address__li">Box 92073</li><li class="o-footer__info__contact__address__li">120 07 Stockholm</li></ul>',
8
+ contact_2: '<ul class="u-list-clean o-footer__info__contact__address"><li class="o-footer__info__contact__address__li">E-post: <a class="o-footer__link" href="mailto:info@internetstiftelsen.se">info@internetstiftelsen.se</a></li><li class="o-footer__info__contact__address__li">Telefon: <a class="o-footer__link" href="tel:084523500">08-452 35 00</a></li><li class="o-footer__info__contact__address__li">Organisationsnummer: 802405-0190</li></ul>',
9
9
  ISO_link: 'https://internetstiftelsen.se/docs/Certifikat_27001_UKAS_sv.pdf',
10
10
  ISO_image: 'https://internetstiftelsen.se/app/themes/internetstiftelsen/images/ISO_27001_2013_black_TM.svg',
11
11
  ISO_text: 'Certifierade enligt ISO/IEC<br>27001:2013',