Explorar el Código

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

Feature: Improved responsiveness of the media form view in narrow viewports (see ckeditor/ckeditor5#416).
Damian Konopka hace 7 años
padre
commit
a4101e44a8
Se han modificado 1 ficheros con 16 adiciones y 0 borrados
  1. 16 0
      packages/ckeditor5-media-embed/theme/mediaform.css

+ 16 - 0
packages/ckeditor5-media-embed/theme/mediaform.css

@@ -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%;
+		}
+	}
 }