Browse Source

Merge pull request #8298 from ckeditor/i/8296

Internal (theme-lark): Fixed button separators in the link UI. Closes #8296.
Maciej 5 years ago
parent
commit
4e988729c7

+ 6 - 3
packages/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/_rwd.css";
 @import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.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);
 	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);
 			padding: var(--ck-spacing-standard);
 			margin-top: var(--ck-spacing-standard);
 			margin-top: var(--ck-spacing-standard);
 
 
@@ -68,7 +69,9 @@
 					border-right: 1px solid var(--ck-color-base-border);
 					border-right: 1px solid var(--ck-color-base-border);
 				}
 				}
 			}
 			}
+		}
 
 
+		& > .ck-button:nth-last-child(2) {
 			&::after {
 			&::after {
 				border-right: 1px solid var(--ck-color-base-border);
 				border-right: 1px solid var(--ck-color-base-border);
 			}
 			}