@financial-times/qanda-ui 1.0.3 → 1.0.5
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 +22 -1
- package/package.json +1 -1
package/dist/qanda.scss
CHANGED
|
@@ -532,6 +532,15 @@ $app-header-color: #007acc;
|
|
|
532
532
|
}
|
|
533
533
|
}
|
|
534
534
|
|
|
535
|
+
.expert-drawer {
|
|
536
|
+
.overlay__content {
|
|
537
|
+
/* Coral `Search an expert` feature uses absolute positioning. The position relative is necessary to prevent the result to not be visible in the expert drawer.
|
|
538
|
+
See https://financialtimes.atlassian.net/jira/software/c/projects/CI/boards/1653
|
|
539
|
+
*/
|
|
540
|
+
position: relative;
|
|
541
|
+
}
|
|
542
|
+
}
|
|
543
|
+
|
|
535
544
|
/* Inlined from ../components/QandaBlock/styles.css */
|
|
536
545
|
@import '@financial-times/o3-foundation/css/core.css';
|
|
537
546
|
|
|
@@ -696,9 +705,12 @@ $app-header-color: #007acc;
|
|
|
696
705
|
}
|
|
697
706
|
|
|
698
707
|
.input-textarea {
|
|
699
|
-
min-height:
|
|
708
|
+
min-height: 120px;
|
|
700
709
|
background-color: transparent;
|
|
701
710
|
border: none;
|
|
711
|
+
@media (min-width: 740px) {
|
|
712
|
+
min-height: 180px;
|
|
713
|
+
}
|
|
702
714
|
}
|
|
703
715
|
|
|
704
716
|
.input-textarea:focus-visible {
|
|
@@ -825,6 +837,15 @@ $app-header-color: #007acc;
|
|
|
825
837
|
)
|
|
826
838
|
);
|
|
827
839
|
|
|
840
|
+
@media (max-width: 740px) {
|
|
841
|
+
// locks scrolling for narrow viewport on web
|
|
842
|
+
html:has(.qanda-container .overlay),
|
|
843
|
+
// locks scroll container for FT app
|
|
844
|
+
body:has(.qanda-container .overlay) .js-vertical-scroller {
|
|
845
|
+
overflow: hidden;
|
|
846
|
+
}
|
|
847
|
+
}
|
|
848
|
+
|
|
828
849
|
.qanda-container {
|
|
829
850
|
body {
|
|
830
851
|
margin: 0;
|