瀏覽代碼

Refactored link form styles. Added llink actions styles.

Aleksander Nowodzinski 8 年之前
父節點
當前提交
f6280e7f2f

+ 30 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-link/linkactions.css

@@ -0,0 +1,30 @@
+/*
+ * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+.ck-link-actions {
+	padding: var(--ck-spacing-standard);
+
+	& .ck-link-actions__preview {
+		color: var(--ck-color-link-default);
+		text-overflow: ellipsis;
+		max-width: 20em;
+		min-width: 3em;
+		margin: 0 var(--ck-spacing-standard);
+		cursor: pointer;
+
+		&:hover {
+			text-decoration: underline;
+		}
+	}
+
+	&:focus {
+		/* https://github.com/ckeditor/ckeditor5-link/issues/90 */
+		outline: none;
+	}
+
+	& > :not(:first-child) {
+		margin-left: var(--ck-spacing-standard);
+	}
+}

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

@@ -5,9 +5,6 @@
 
 .ck-link-form {
 	padding: var(--ck-spacing-standard);
-	display: flex;
-	flex-flow: row nowrap;
-	align-content: center;
 
 	&:focus {
 		/* https://github.com/ckeditor/ckeditor5-link/issues/90 */
@@ -22,8 +19,4 @@
 		/* https://github.com/ckeditor/ckeditor5-link/issues/145 */
 		min-width: 18em;
 	}
-
-	& .ck-label {
-		display: none;
-	}
 }

+ 4 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/globals/_colors.css

@@ -122,4 +122,8 @@
 
 	--ck-color-upload-bar-background:		 					hsl(209, 92%, 70%);
 	--ck-color-upload-infinite-background:		 				hsla(0, 0%, 0%, 0.1);
+
+	/* -- Link -------------------------------------------------------------------------------- */
+
+	--ck-color-link-default:									hsl(240, 100%, 47%);
 }