Aleksander Nowodzinski 6 роки тому
батько
коміт
e73102c680

+ 44 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-special-characters/charactergrid.css

@@ -0,0 +1,44 @@
+/*
+ * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+@import "../mixins/_rounded.css";
+
+:root {
+	--ck-character-grid-tile-size: 24px;
+}
+
+.ck.ck-character-grid {
+	grid-gap: 5px;
+	padding: 8px;
+	max-height: calc(var(--ck-character-grid-tile-size) * 6);
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+
+.ck.ck-character-grid__tile {
+	width: var(--ck-character-grid-tile-size);
+	height: var(--ck-character-grid-tile-size);
+	min-width: var(--ck-character-grid-tile-size);
+	min-height: var(--ck-character-grid-tile-size);
+	padding: 0;
+	transition: .2s ease box-shadow;
+	border: 0;
+
+	&:focus:not( .ck-disabled ),
+	&:hover:not( .ck-disabled ) {
+		/* Disable the default .ck-button's border ring. */
+		border: 0;
+	}
+
+	&:focus:not( .ck-disabled ),
+	&:hover:not( .ck-disabled ) {
+		box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
+	}
+
+	/* Make sure the glyph is rendered in the center of the button */
+	& .ck-button__label {
+		line-height: inherit;
+	}
+}

+ 0 - 57
packages/ckeditor5-theme-lark/theme/ckeditor5-special-characters/components/symbolgrid/symbolgrid.css

@@ -1,57 +0,0 @@
-/*
- * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-
-@import "../../../mixins/_rounded.css";
-
-:root {
-	--ck-symbol-grid-tile-size: 24px;
-}
-
-.ck.ck-symbol-grid {
-	grid-gap: 5px;
-	padding: 8px;
-	max-height: calc(var(--ck-symbol-grid-tile-size) * 4);
-	overflow-y: scroll;
-	overflow-x: hidden;
-}
-
-.ck.ck-symbol-grid__tile {
-	width: var(--ck-symbol-grid-tile-size);
-	height: var(--ck-symbol-grid-tile-size);
-	min-width: var(--ck-symbol-grid-tile-size);
-	min-height: var(--ck-symbol-grid-tile-size);
-	padding: 0;
-	transition: .2s ease box-shadow;
-	border: 0;
-
-	&.ck-disabled {
-		cursor: unset;
-		transition: unset;
-	}
-
-	&.ck-on {
-		box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
-
-		& .ck.ck-icon {
-			display: block;
-		}
-	}
-
-	&.ck-on,
-	&:focus:not( .ck-disabled ),
-	&:hover:not( .ck-disabled ) {
-		/* Disable the default .ck-button's border ring. */
-		border: 0;
-	}
-
-	&:focus:not( .ck-disabled ),
-	&:hover:not( .ck-disabled ) {
-		box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
-	}
-}
-
-.ck.ck-symbol-grid__label {
-	padding: 0 var(--ck-spacing-standard);
-}

+ 25 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-special-characters/specialcharacters.css

@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
+
+.ck.ck-special-characters-navigation {
+	border-bottom: 1px solid var(--ck-color-base-border);
+	padding: var(--ck-spacing-standard);
+
+	@mixin ck-dir ltr {
+		padding-left: var(--ck-spacing-large);
+	}
+
+	@mixin ck-dir rtl {
+		padding-right: var(--ck-spacing-large);
+	}
+
+	& > .ck-label {
+		max-width: 160px;
+		text-overflow: ellipsis;
+		overflow: hidden;
+	}
+}