dwindown/emoji-chrome-extension
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

published version in webstore

Browse Source
This commit is contained in:
dwindown
2025-09-06 23:58:42 +07:00
parent a21f9927e4
commit 6b1efab615
11 changed files with 619 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
styles.css
View File

@@ -18,7 +18,7 @@
html, body { margin:0; padding:0; background:var(--bg); color:var(--fg);
font:14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Inter, sans-serif; }
.hdr { position:sticky; top:0; background:var(--bg); padding:10px 10px 6px; border-bottom:1px solid var(--br); }
.hdr { position:sticky; top:0; background:var(--bg); padding:10px 10px 6px; border-bottom:1px solid var(--br); z-index: 9;}
.ttl { margin:0 0 8px; font-size:16px; font-weight:700; }
.bar { display:flex; gap:6px; }
.inp { flex:1; padding:8px 8px; border:1px solid var(--br); border-radius:8px; background:var(--bg); color:var(--fg); }
@@ -36,6 +36,7 @@ html, body { margin:0; padding:0; background:var(--bg); color:var(--fg);
.card {
display:flex; flex-direction:column; align-items:center; justify-content:center;
gap:6px; padding:10px; border:1px solid var(--br); border-radius:12px; background:var(--bg);
cursor: pointer;
}
.card .emo { font-size:28px; line-height:1; }
.card .nm { font-size:12px; color:var(--mut); text-align:center; max-width:100%;
@@ -243,7 +244,7 @@ html, body { margin:0; padding:0; background:var(--bg); color:var(--fg);
/* License subtext wraps neatly */
#license-status { display: inline-block; margin-left: 8px; }
/* Tone palette spacing + buttons */
/* Tone palette spacin.g + buttons */
.tone-palette { display: flex; gap: 8px; flex-wrap: wrap; }
.tone-chip {
min-width: 40px; height: 36px;
@@ -253,4 +254,17 @@ html, body { margin:0; padding:0; background:var(--bg); color:var(--fg);
.tone-chip.selected { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent); }
/* Toast a tad higher so it doesn’t overlap sheet */
.toast { bottom: 18px; }
.toast { bottom: 18px; }
/* Make the top controls a proper stacking context above the grid */
.topbar, .filters-row {
position: sticky; /* or relative if not sticky */
z-index: 5;
background: var(--c-bg, #0f172a); /* ensure it has a solid bg in dark & light */
}
/* Or ensure the select dropdown sits above adjacent icons */
select#sub {
position: relative;
z-index: 6;
}