@financial-times/qanda-ui 0.0.1-beta.23 → 0.0.1-beta.25
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 +10 -2
- package/package.json +1 -1
package/dist/qanda.scss
CHANGED
|
@@ -310,6 +310,12 @@ $app-header-color: #007acc;
|
|
|
310
310
|
margin-top: var(--o3-spacing-2xs);
|
|
311
311
|
}
|
|
312
312
|
|
|
313
|
+
.expander__link:hover {
|
|
314
|
+
/* Override some o-button styles */
|
|
315
|
+
background-color: unset !important;
|
|
316
|
+
border: unset !important;
|
|
317
|
+
}
|
|
318
|
+
|
|
313
319
|
/* Inlined from ../components/Loader/styles.scss */
|
|
314
320
|
@import '@financial-times/o-loading/main';
|
|
315
321
|
|
|
@@ -368,7 +374,7 @@ $app-header-color: #007acc;
|
|
|
368
374
|
.qanda-container {
|
|
369
375
|
.overlay {
|
|
370
376
|
position: fixed;
|
|
371
|
-
top:
|
|
377
|
+
top: var(--safe-area-inset-top, 0px);
|
|
372
378
|
left: 0;
|
|
373
379
|
/* Just going on top of the main navigation */
|
|
374
380
|
z-index: 100;
|
|
@@ -384,6 +390,7 @@ $app-header-color: #007acc;
|
|
|
384
390
|
z-index: 19;
|
|
385
391
|
animation: fadeIn 1s ease forwards;
|
|
386
392
|
background: var(--o3-color-palette-black-90);
|
|
393
|
+
margin-top: calc(var(--safe-area-inset-top, 0px) / 2);
|
|
387
394
|
}
|
|
388
395
|
|
|
389
396
|
.overlay__inner {
|
|
@@ -668,7 +675,7 @@ $app-header-color: #007acc;
|
|
|
668
675
|
|
|
669
676
|
.qanda-container {
|
|
670
677
|
.qanda__stream {
|
|
671
|
-
margin
|
|
678
|
+
margin: var(--o3-spacing-l) var(--o3-spacing-5xs) 0 var(--o3-spacing-5xs);
|
|
672
679
|
}
|
|
673
680
|
|
|
674
681
|
.qanda__stream-title {
|
|
@@ -702,6 +709,7 @@ $app-header-color: #007acc;
|
|
|
702
709
|
display: flex;
|
|
703
710
|
flex-direction: column;
|
|
704
711
|
gap: var(--o3-spacing-4xs);
|
|
712
|
+
margin-left: var(--o3-spacing-2xs);
|
|
705
713
|
}
|
|
706
714
|
|
|
707
715
|
.message-box__content-link {
|