CalvinBackup/P4RS3LT0NGV3
1
0
Fork 0
mirror of https://github.com/elder-plinius/P4RS3LT0NGV3.git synced 2026-07-06 21:07:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

Final fixes: Update emoji grid styling and remove black bars

Browse Source
This commit is contained in:
EP
2025-03-11 17:09:03 -04:00
parent 7db95bbd84
commit 632ef4c246
4 changed files with 11 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/app.js
+4 -10
View File
@@ -901,19 +901,13 @@ window.app = new Vue({
return;
}
// Force container to be completely visible and remove black bars
container.style.cssText = 'display: block !important; visibility: visible !important; min-height: 300px; box-shadow: none !important; border: none !important; background-image: none !important;';
// Force container to be completely visible
container.style.cssText = 'display: block !important; visibility: visible !important; min-height: 300px;';
// Make sure parent containers are visible too and have no black bars
// Make sure parent containers are visible too
const emojiLibrary = document.querySelector('.emoji-library');
if (emojiLibrary) {
emojiLibrary.style.cssText = 'display: block !important; visibility: visible !important; box-shadow: none !important; border: 1px solid var(--input-border) !important; background-image: none !important;';
}
// Remove any black bars from emoji library header
const emojiLibraryHeader = document.querySelector('.emoji-library-header');
if (emojiLibraryHeader) {
emojiLibraryHeader.style.cssText = 'box-shadow: none !important; border: none !important; background-image: none !important;';
emojiLibrary.style.cssText = 'display: block !important; visibility: visible !important;';
}
// Clear any existing content to avoid duplication
js/emojiLibrary.js
-5
View File
@@ -455,14 +455,10 @@ window.emojiLibrary.renderEmojiGrid = function(containerId, onEmojiSelect, filte
// Clear container
container.innerHTML = '';
// Apply styles to container to prevent black bars
container.style.cssText = 'box-shadow: none !important; border: none !important; background-image: none !important;';
// Create grid note
const gridNote = document.createElement('div');
gridNote.className = 'emoji-grid-note';
gridNote.innerHTML = '<i class="fas fa-magic"></i> Click any emoji to automatically copy your hidden message';
gridNote.style.cssText = 'box-shadow: none !important; border-bottom: none !important; border-top: none !important; border-right: none !important; background-image: none !important;';
container.appendChild(gridNote);
// Create category tabs
@@ -486,7 +482,6 @@ window.emojiLibrary.renderEmojiGrid = function(containerId, onEmojiSelect, filte
// Create emoji grid with enforced styling
const gridContainer = document.createElement('div');
gridContainer.className = 'emoji-grid';
gridContainer.style.cssText = 'box-shadow: none !important; border-bottom: none !important; border-top: none !important; background-image: none !important;';
// Combine all emojis for a larger selection
const allEmojis = [...window.emojiLibrary.EMOJI_LIST, ...window.emojiLibrary.ADDITIONAL_EMOJIS];