8
0
فهرست منبع

Strech additional buttons to the full row width.

dkonopka 6 سال پیش
والد
کامیت
7bae6ef8d5
1فایلهای تغییر یافته به همراه19 افزوده شده و 2 حذف شده
  1. 19 2
      packages/ckeditor5-link/theme/linkform.css

+ 19 - 2
packages/ckeditor5-link/theme/linkform.css

@@ -5,16 +5,33 @@
 
 @import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
 
+:root {
+	--ck-link-form-max-width: 330px;
+}
+
 .ck.ck-link-form {
 	display: flex;
-	flex-direction: row;
 	flex-wrap: wrap;
-	max-width: 500px;
+	max-width: var(--ck-link-form-max-width);
 
 	& .ck-label {
 		display: none;
 	}
 
+	/* Buttons like `open in new window` with switch toggler.
+	Added div is a temporary solution to make stronger specificity than `.ck.ck-link-form > :not(:first-child)` in theme-lark. */
+	& div.ck-link-form_additional-buttons {
+		display: flex;
+		flex-wrap: wrap;
+		margin-left: 0;
+	}
+
+	& .ck-link-form_additional-buttons .ck-button {
+		width: 100%;
+		margin-left: 0;
+		margin-top: var(--ck-spacing-standard);
+	}
+
 	@mixin ck-media-phone {
 		flex-wrap: wrap;