Merge pull request #239 from ckeditor/t/ckeditor5/416

Feature: Improved responsiveness of the text alternative view in narrow viewports (see ckeditor/ckeditor5#416).
ckeditor · Oct 26, 2018 · ff5394a · ff5394a
2 parents a7e5e75 + 2161a7d
commit ff5394a
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/theme/textalternativeform.css b/theme/textalternativeform.css
@@ -3,12 +3,30 @@
  * For licensing, see LICENSE.md.
  */
 
+@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_rwd.css";
+
 .ck.ck-text-alternative-form {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+
  & .ck-labeled-input {
  display: inline-block;
  }
 
  & .ck-label {
  display: none;
  }
+
+ @mixin ck-media-phone {
+ flex-wrap: wrap;
+
+ & .ck-labeled-input {
+ flex-basis: 100%;
+ }
+
+ & .ck-button {
+ flex-basis: 50%;
+ }
+ }
 }