fix(plugins/plugin-client-common): in narrower windows, use top-botto…

…m split
kubernetes-sigs · Sep 3, 2022 · 4740a40 · 4740a40
1 parent 9cf5da2
commit 4740a40
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/plugins/plugin-client-common/web/scss/components/Terminal/Layout/Default.scss b/plugins/plugin-client-common/web/scss/components/Terminal/Layout/Default.scss
@@ -42,18 +42,26 @@
   grid-area: T8;
 }
 
-/** Case: no splits */
+/** Case: 1 split */
 .kui--terminal-split-container[data-split-count='1'] {
   @include Rows(1);
   @include Columns(1);
   grid-template-areas: 'T1';
 }
 
+/** Case: 2 splits */
 @include Split(2) {
   @include Rows(1);
   @include Columns(2);
   grid-template-areas: 'T1 T2';
 }
+@media all and (max-width: 950px) {
+  @include Split(2) {
+    @include Rows(3);
+    @include Columns(1);
+    grid-template-areas: 'T1' 'T2' 'T2';
+  }
+}
 
 @include Split(3) {
   @include Rows(4);