浏览代码

Adjustments to the styles.

Aleksander Nowodzinski 5 年之前
父节点
当前提交
b47b9f0a8b

+ 1 - 1
packages/ckeditor5-image/src/imageupload/utils.js

@@ -144,7 +144,7 @@ export function createLabeledInputView( locale ) {
 	const labeledInputView = new LabeledFieldView( locale, createLabeledInputText );
 
 	labeledInputView.set( {
-		label: t( 'Insert image via URL' )
+		label: t( 'Image URL' )
 	} );
 	labeledInputView.fieldView.placeholder = 'https://example.com/src/image.png';
 	labeledInputView.infoText = t( 'Paste the image source URL.' );

+ 2 - 2
packages/ckeditor5-theme-lark/theme/ckeditor5-image/textalternativeform.css

@@ -31,7 +31,7 @@
 		width: calc(.8 * var(--ck-input-text-width));
 
 		& .ck-labeled-field-view {
-			margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
+			margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
 
 			& .ck-input-text {
 				min-width: 0;
@@ -41,7 +41,7 @@
 
 		& .ck-button {
 			padding: var(--ck-spacing-standard);
-			margin-top: var(--ck-spacing-standard);
+			margin-top: var(--ck-spacing-large);
 
 			border-radius: 0;
 			border: 0;

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

@@ -31,7 +31,7 @@
 		width: calc(.8 * var(--ck-input-text-width));
 
 		& .ck-labeled-field-view {
-			margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
+			margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
 
 			& .ck-input-text {
 				min-width: 0;
@@ -41,7 +41,7 @@
 
 		& .ck-button {
 			padding: var(--ck-spacing-standard);
-			margin-top: var(--ck-spacing-standard);
+			margin-top: var(--ck-spacing-large);
 
 			border-radius: 0;
 			border: 0;

+ 1 - 1
packages/ckeditor5-theme-lark/theme/ckeditor5-table/tablecellproperties.css

@@ -10,7 +10,7 @@
 		&.ck-table-cell-properties-form__padding-row {
 			align-self: flex-end;
 			padding: 0;
-			width: 35%;
+			width: 25%;
 		}
 
 		&.ck-table-cell-properties-form__alignment-row {

+ 2 - 2
packages/ckeditor5-theme-lark/theme/ckeditor5-table/tableform.css

@@ -26,8 +26,8 @@
 			}
 
 			& .ck-table-form__border-width {
-				width: 50px;
-				min-width: 50px;
+				width: 80px;
+				min-width: 80px;
 			}
 		}
 

+ 6 - 1
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/labeledfield/labeledfieldview.css

@@ -36,7 +36,7 @@
 	& .ck.ck-label {
 		display: block;
 		position: absolute;
-		top: calc(-1 * var(--ck-spacing-large));
+		top: calc(-1 * var(--ck-spacing-standard) - 1px);
 		left: var(--ck-spacing-medium);
 		right: auto;
 
@@ -49,6 +49,11 @@
 		font-weight: normal;
 		transform: none;
 
+		/* Prevent overflow when the label is longer than the input */
+		text-overflow: ellipsis;
+		overflow: hidden;
+		max-width: 100%;
+
 		transition:
 			top .1s ease-in-out,
 			transform .1s ease-in-out,