@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.
- package/dist/atoms/textarea/rich-text.js +2 -1
- package/dist/molecules/modal/modal.js +5 -1
- package/package.json +1 -1
- package/src/atoms/textarea/rich-text.js +2 -3
- package/src/molecules/modal/modal.js +5 -1
- package/src/organisms/footer/_footer.scss +31 -7
- package/src/organisms/footer/footer.config.js +2 -2
|
@@ -137,7 +137,7 @@ function createToolbar(el, editor) {
|
|
|
137
137
|
function getHTML(editor) {
|
|
138
138
|
var html = editor.getHTML();
|
|
139
139
|
|
|
140
|
-
return html
|
|
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
|
@@ -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(
|
|
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)
|
|
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(
|
|
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-
|
|
8
|
-
contact_2: '<ul class="u-list-clean o-
|
|
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',
|