sandrodach/MindSift
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update notice after a server update, keep the open tab on reload, chunked Whisper in Quick Dump, compact emoji picker
MindSift CI & Docker Release / Build, Test in Container & Push (push) Successful in 2m31s
Details

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
sandrodachandClaude Opus 5.5 committed 2026-11-01 15:09:21 +01:00
1 parent 20b907078f
commit 55112b940c
17 files changed
+250 -61
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/index.css
+45
View File
@@ -538,6 +538,29 @@ body {
.mindsift-emoji-picker .EmojiPickerReact {
border: none !important;
font-family: inherit !important;
/* Theme colours. The library sets its own (dark: #222 …) on this element, so they are overridden here,
for the light and the dark variant; --pick-surface / --pick-hover come from EmojiPickerModal. */
--epr-bg-color: var(--pick-surface);
--epr-dark-bg-color: var(--pick-surface);
--epr-category-label-bg-color: var(--pick-surface);
--epr-dark-category-label-bg-color: var(--pick-surface);
--epr-picker-border-color: var(--border-color);
--epr-dark-picker-border-color: var(--border-color);
--epr-text-color: var(--text-main);
--epr-dark-text-color: var(--text-main);
--epr-search-input-text-color: var(--text-main);
--epr-search-input-bg-color: var(--bg-input);
--epr-dark-search-input-bg-color: var(--bg-input);
--epr-search-input-bg-color-active: var(--bg-input);
--epr-dark-search-input-bg-color-active: var(--bg-input);
--epr-hover-bg-color: var(--pick-hover);
--epr-dark-hover-bg-color: var(--pick-hover);
--epr-focus-bg-color: var(--pick-hover);
--epr-dark-focus-bg-color: var(--pick-hover);
--epr-highlight-color: var(--accent-primary);
--epr-dark-highlight-color: var(--accent-primary);
--epr-category-icon-active-color: var(--accent-primary);
--epr-dark-category-icon-active-color: var(--accent-primary);
}
@media (max-width: 639px) {
@@ -561,6 +584,28 @@ body {
}
}
@media (min-width: 640px) {
/* Desktop: compact like a context menu, in step with the app's small type (the sprite of the category
icons scales with its size variable) */
.mindsift-emoji-picker .EmojiPickerReact {
--epr-emoji-size: 22px;
--epr-emoji-padding: 4px;
--epr-horizontal-padding: 8px;
--epr-header-padding: 8px 8px 6px;
--epr-search-input-height: 30px;
--epr-search-input-border-radius: var(--radius-btn, 6px);
--epr-category-navigation-button-size: 22px;
--epr-category-label-height: 24px;
--epr-category-label-padding: 0 8px;
}
.mindsift-emoji-picker .EmojiPickerReact input[type='text'] {
font-size: 12px !important;
}
.mindsift-emoji-picker .EmojiPickerReact .epr-emoji-category-label {
font-size: 11px !important;
}
}
/* Read-only sections (e.g. server settings in the demo): everything inside looks switched off */
fieldset:disabled :is(button, input, select, textarea) {
opacity: 0.5;