Browse Source

Change link tooltip button separator design

Paweł Kwaśnik 5 years ago
parent
commit
11f14a324e

+ 11 - 0
packages/ckeditor5-link/theme/linkactions.css

@@ -27,6 +27,17 @@
 
 		& .ck-button:not(.ck-link-actions__preview) {
 			flex-basis: 50%;
+
+			&::after {
+				border-right: 1px solid var(--ck-color-base-border);
+				content: "";
+				width: 0;
+				position: absolute;
+				right: -1px;
+				top: var(--ck-spacing-small);
+				bottom: var(--ck-spacing-small);
+				z-index: 1;
+			}
 		}
 	}
 }

+ 11 - 0
packages/ckeditor5-link/theme/linkform.css

@@ -21,6 +21,17 @@
 
 		& .ck-button {
 			flex-basis: 50%;
+
+			&::after {
+				border-right: 1px solid var(--ck-color-base-border);
+				content: "";
+				width: 0;
+				position: absolute;
+				right: -1px;
+				top: var(--ck-spacing-small);
+				bottom: var(--ck-spacing-small);
+				z-index: 1;
+			}
 		}
 	}
 }

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

@@ -92,10 +92,6 @@
 
 			@mixin ck-dir ltr {
 				margin-left: 0;
-
-				&:first-of-type {
-					border-right: 1px solid var(--ck-color-base-border);
-				}
 			}
 
 			@mixin ck-dir rtl {

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

@@ -49,10 +49,6 @@
 
 			@mixin ck-dir ltr {
 				margin-left: 0;
-
-				&:first-of-type {
-					border-right: 1px solid var(--ck-color-base-border);
-				}
 			}
 
 			@mixin ck-dir rtl {
@@ -93,10 +89,6 @@
 
 		@mixin ck-dir ltr {
 			margin-left: 0;
-
-			&:first-of-type {
-				border-right: 1px solid var(--ck-color-base-border);
-			}
 		}
 
 		@mixin ck-dir rtl {