From ec3d7bd4cd6e18644022e545c5b18cbe36bdcb37 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Wed, 5 Feb 2025 01:57:09 +0200
Subject: [PATCH] style(next): ckeditor: restyle dropdowns

---
 src/public/stylesheets/theme-next/shell.css | 41 +++++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index bf67f537c8..67b6680996 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1658,4 +1658,45 @@ body .calendar-dropdown-widget .calendar-body a:hover {
 /* Promoted attributes */
 .promoted-attribute-cell div.input-group {
     margin: 1px 0;    
+}
+
+/* 
+    CKEditor's Dropdowns
+*/
+
+/* Dropdown body */
+:root .ck.ck-dropdown__panel,
+:root .ck.ck-balloon-rotator {
+    box-shadow: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
+    border: 1px solid var(--dropdown-border-color);
+    border-radius: var(--dropdown-border-radius);
+    background: var(--menu-background-color);
+    backdrop-filter: var(--dropdown-backdrop-filter);
+    padding: var(--menu-padding-size);
+}
+
+:root ul.ck.ck-list,
+:root div.ck.ck-balloon-panel {
+    border: none;
+    background: transparent;
+}
+
+/* Dropdown list item */
+:root ul.ck.ck-list button.ck-button {
+    padding: 2px 16px;
+    background: transparent;
+    border: unset;
+    border-radius: 6px !important;
+    box-shadow: unset;
+}
+
+/* Checked list item */
+:root ul.ck.ck-list button.ck-button.ck-on:not(:hover) {
+    background: transparent !important;
+}
+
+:root ul.ck.ck-list button.ck-button:hover,
+:root ul.ck.ck-list button.ck-button.ck-on:hover {
+    background: var(--hover-item-background-color);
+    color: var(--hover-item-color);
 }
\ No newline at end of file