Fix the background color and size when editing a link

See https://www.woltlab.com/community/thread/312072-link-bearbeiten-hintergrundfarbe-des-links-wird-entfernt/

Author: dtdesign

wcfsetup/install/files/style/ui/ckeditor.scss

@@ -64,10 +64,10 @@
 
 	/* Override the default styling added in CKEditor v46.0.0 */
 	font-family: inherit;
-    font-size: inherit;
-    color: inherit;
-    line-height: inherit;
-    word-break: inherit;
+	font-size: inherit;
+	color: inherit;
+	line-height: inherit;
+	word-break: inherit;
 }
 
 .ck.ck-button.ck-button:not(.ck-disabled) {
@@ -360,6 +360,15 @@ html[data-color-scheme="light"] .ck-body-wrapper .ck.ck-balloon-panel {
 	}
 }
 
+/* Fix the background color and size when editing a link. */
+a.ck.ck-button.ck-link-toolbar__preview,
+a.ck.ck-button.ck-link-toolbar__preview:active,
+a.ck.ck-button.ck-link-toolbar__preview:focus {
+	background-color: var(--wcfButtonBackground);
+	padding-bottom: 2px !important;
+	padding-top: 2px !important;
+}
+
 /* Increase the width of the splitbutton arrows. */
 .ck.ck-toolbar__items .ck.ck-splitbutton > .ck-splitbutton__arrow {
 	padding-left: var(--ck-spacing-medium);