Merge pull request #8298 from ckeditor/i/8296

Internal (theme-lark): Fixed button separators in the link UI. Closes #8296.
ckeditor · Oct 21, 2020 · 4e98872 · 4e98872
2 parents b5d1596 + 0d42d87
commit 4e98872
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/...ges/ckeditor5-theme-lark/theme/ckeditor5-ui/components/responsive-form/responsiveform.css b/...ges/ckeditor5-theme-lark/theme/ckeditor5-ui/components/responsive-form/responsiveform.css
@@ -6,7 +6,7 @@
 @import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
 @import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
 
-.ck-vertical-form .ck-button::after {
+.ck-vertical-form > .ck-button:nth-last-child(2)::after {
 	border-right: 1px solid var(--ck-color-base-border);
 }
 
@@ -48,8 +48,9 @@
 			}
 		}
 
-		/* 'button' selector must be used because those styles shouldn't be added to other elements, like 'a'. Example in LinkActionsView. */
-		& button.ck-button {
+		/* Styles for two last buttons in the form (save&cancel, edit&unlink, etc.). */
+		& > .ck-button:nth-last-child(1),
+		& > .ck-button:nth-last-child(2) {
 			padding: var(--ck-spacing-standard);
 			margin-top: var(--ck-spacing-standard);
 
@@ -68,7 +69,9 @@
 					border-right: 1px solid var(--ck-color-base-border);
 				}
 			}
+		}
 
+		& > .ck-button:nth-last-child(2) {
 			&::after {
 				border-right: 1px solid var(--ck-color-base-border);
 			}