Fix the `:active` state of editor buttons

See https://www.woltlab.com/community/thread/305638-sehr-dunkle-hoverfarbe-der-editor-icons/

diff --git a/wcfsetup/install/files/style/ui/ckeditor.scss b/wcfsetup/install/files/style/ui/ckeditor.scss
index 6233ff5a2504ba2406abce87a8a4368fbaa45148..952e632f339e064497a1756c2bc00a32b89d7287 100644 (file)
--- a/wcfsetup/install/files/style/ui/ckeditor.scss
+++ b/wcfsetup/install/files/style/ui/ckeditor.scss
@@ -92,6 +92,12 @@
                /* The editor does not support a separate text color on hover. */
                color: var(--wcfEditorButtonText);
        }
+
+       .ck-button:not(.ck-disabled):active,
+       .ck-splitbutton:active .ck-button:not(.ck-disabled):not(:active) {
+               /* The editor does not support a separate text color on hover. */
+               color: var(--wcfEditorButtonText);
+       }
 }
 
 @media (hover: hover) {
@@ -627,15 +633,15 @@ html.iOS {
 }
 
 .ck-link-form {
-  .ck-labeled-field-view {
-    order: 0;
-  }
+       .ck-labeled-field-view {
+               order: 0;
+       }
 
-  .ck-button-cancel {
-    order: 1;
-  }
+       .ck-button-cancel {
+               order: 1;
+       }
 
-  .ck-button-save {
-    order: 2;
-  }
+       .ck-button-save {
+               order: 2;
+       }
 }