@financial-times/qanda-ui 0.0.1-beta.23 → 0.0.1-beta.24
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/qanda.scss +12 -2
- package/package.json +1 -1
package/dist/qanda.scss
CHANGED
|
@@ -308,6 +308,14 @@ $app-header-color: #007acc;
|
|
|
308
308
|
color: var(--o3-color-, #33302e);
|
|
309
309
|
float: right;
|
|
310
310
|
margin-top: var(--o3-spacing-2xs);
|
|
311
|
+
&
|
|
312
|
+
:is(
|
|
313
|
+
.o3-button.o3-button--ghost[data-o3-theme='neutral'],
|
|
314
|
+
:where([data-o3-theme='neutral']) .o3-button.o3-button--ghost
|
|
315
|
+
):hover {
|
|
316
|
+
background-color: unset;
|
|
317
|
+
border: unset;
|
|
318
|
+
}
|
|
311
319
|
}
|
|
312
320
|
|
|
313
321
|
/* Inlined from ../components/Loader/styles.scss */
|
|
@@ -368,7 +376,7 @@ $app-header-color: #007acc;
|
|
|
368
376
|
.qanda-container {
|
|
369
377
|
.overlay {
|
|
370
378
|
position: fixed;
|
|
371
|
-
top:
|
|
379
|
+
top: var(--safe-area-inset-top, 0px);
|
|
372
380
|
left: 0;
|
|
373
381
|
/* Just going on top of the main navigation */
|
|
374
382
|
z-index: 100;
|
|
@@ -384,6 +392,7 @@ $app-header-color: #007acc;
|
|
|
384
392
|
z-index: 19;
|
|
385
393
|
animation: fadeIn 1s ease forwards;
|
|
386
394
|
background: var(--o3-color-palette-black-90);
|
|
395
|
+
margin-top: calc(var(--safe-area-inset-top, 0px) / 2);
|
|
387
396
|
}
|
|
388
397
|
|
|
389
398
|
.overlay__inner {
|
|
@@ -668,7 +677,7 @@ $app-header-color: #007acc;
|
|
|
668
677
|
|
|
669
678
|
.qanda-container {
|
|
670
679
|
.qanda__stream {
|
|
671
|
-
margin
|
|
680
|
+
margin: var(--o3-spacing-l) var(--o3-spacing-xs5) 0 var(--o3-spacing-xs5);
|
|
672
681
|
}
|
|
673
682
|
|
|
674
683
|
.qanda__stream-title {
|
|
@@ -702,6 +711,7 @@ $app-header-color: #007acc;
|
|
|
702
711
|
display: flex;
|
|
703
712
|
flex-direction: column;
|
|
704
713
|
gap: var(--o3-spacing-4xs);
|
|
714
|
+
margin-left: var(--o3-spacing-2xs);
|
|
705
715
|
}
|
|
706
716
|
|
|
707
717
|
.message-box__content-link {
|