8
0
Просмотр исходного кода

Standardized input (link preview) width across the components using a variable.

Aleksander Nowodzinski 8 лет назад
Родитель
Сommit
90c5c01128

+ 0 - 5
packages/ckeditor5-theme-lark/theme/ckeditor5-image/textalternativeform.css

@@ -18,9 +18,4 @@
 	& > :not(:first-child) {
 		margin-left: var(--ck-spacing-standard);
 	}
-
-	& .ck-input-text {
-		/* https://github.com/ckeditor/ckeditor5-link/issues/145 */
-		min-width: 18em;
-	}
 }

+ 1 - 1
packages/ckeditor5-theme-lark/theme/ckeditor5-link/linkactions.css

@@ -44,7 +44,7 @@
 
 			/* Match the box model of the link editor form's input so the balloon
 			does not change width when moving between actions and the form. */
-			max-width: 18em;
+			max-width: var(--ck-input-text-width);
 			min-width: 3em;
 			text-align: center;
 

+ 0 - 5
packages/ckeditor5-theme-lark/theme/ckeditor5-link/linkform.css

@@ -18,9 +18,4 @@
 	& > :not(:first-child) {
 		margin-left: var(--ck-spacing-standard);
 	}
-
-	& .ck-input-text {
-		/* https://github.com/ckeditor/ckeditor5-link/issues/145 */
-		min-width: 18em;
-	}
 }

+ 2 - 2
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/inputtext/inputtext.css

@@ -8,7 +8,7 @@
 @import "../../../mixins/_shadow.css";
 
 :root {
-	--ck-input-text-min-width: 21em;
+	--ck-input-text-width: 18em;
 }
 
 .ck-input-text {
@@ -18,7 +18,7 @@
 	background: var(--ck-color-input-background);
 	border: 1px solid var(--ck-color-input-border);
 	padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
-	min-width: var(--ck-input-text-min-width);
+	min-width: var(--ck-input-text-width);
 
 	&:focus {
 		@mixin ck-focus-ring;