Feature: Improved responsiveness of the form and actions views in narrow viewports (see ckeditor/ckeditor5#416).
@@ -3,7 +3,13 @@
* For licensing, see LICENSE.md.
*/
+@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_rwd.css";
+
.ck.ck-link-actions {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
& .ck-link-actions__preview {
display: inline-block;
@@ -11,4 +17,16 @@
overflow: hidden;
}
+ @mixin ck-media-phone {
+ flex-wrap: wrap;
+ & .ck-link-actions__preview {
+ flex-basis: 100%;
+ }
+ & .ck-button:not(.ck-link-actions__preview) {
+ flex-basis: 50%;
@@ -3,12 +3,26 @@
.ck.ck-link-form {
- & .ck-labeled-input {
- display: inline-block;
- }
& .ck-label {
display: none;
+ & .ck-labeled-input {
+ & .ck-button {