Feature: Improved responsiveness of the media form view in narrow viewports (see ckeditor/ckeditor5#416).
@@ -3,9 +3,13 @@
* For licensing, see LICENSE.md.
*/
+@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_rwd.css";
+
.ck.ck-media-form {
display: flex;
align-items: flex-start;
+ flex-direction: row;
+ flex-wrap: nowrap;
& .ck-labeled-input {
display: inline-block;
@@ -14,4 +18,16 @@
& .ck-label {
display: none;
}
+ @mixin ck-media-phone {
+ flex-wrap: wrap;
+ & .ck-labeled-input {
+ flex-basis: 100%;
+ }
+ & .ck-button {
+ flex-basis: 50%;