diff --git a/css/no-black-bar.css b/css/no-black-bar.css deleted file mode 100644 index cd195f3..0000000 --- a/css/no-black-bar.css +++ /dev/null @@ -1,66 +0,0 @@ -/* CSS to eliminate black bars in emoji grid */ - -/* Target all elements in the emoji library section */ -.emoji-library, -.emoji-library-header, -.emoji-library-footer, -.emoji-grid-container, -.emoji-grid, -.emoji-grid-note, -.emoji-category-tabs, -.emoji-category-tab { - box-shadow: none !important; - border-bottom: none !important; - border-top: none !important; - background-image: none !important; -} - -/* Target pseudo-elements */ -.emoji-library::before, -.emoji-library::after, -.emoji-library-header::before, -.emoji-library-header::after, -.emoji-grid-container::before, -.emoji-grid-container::after, -.emoji-grid::before, -.emoji-grid::after { - display: none !important; - content: none !important; - background: none !important; - box-shadow: none !important; - border: none !important; -} - -/* Ensure the emoji library has a clean border */ -.emoji-library { - border: 1px solid var(--input-border) !important; - background-color: var(--secondary-bg) !important; -} - -/* Override any potential black bar styles */ -#emoji-grid-container { - border: none !important; - background: transparent !important; -} - -/* Ensure emoji grid note has no borders or shadows */ -.emoji-grid-note { - border-left: 2px solid var(--special-color) !important; - border-right: none !important; - border-top: none !important; - border-bottom: none !important; - box-shadow: none !important; -} - -/* Force all elements to have transparent backgrounds */ -.emoji-library *, -.emoji-grid-container * { - background-color: transparent !important; - box-shadow: none !important; -} - -/* Ensure no borders on emoji buttons */ -.emoji-button { - border: 1px solid var(--input-border) !important; - box-shadow: none !important; -}