Remove no-black-bar.css as fixes are now in style.css

This commit is contained in:
EP
2025-03-11 22:24:04 -04:00
parent 93e35af1d9
commit 047e914f22
-66
View File
@@ -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;
}