-
-
Notifications
You must be signed in to change notification settings - Fork 1.8k
Minor UI improvements #1220
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Open
hjamet
wants to merge
14
commits into
khoj-ai:master
Choose a base branch
from
hjamet:minor_ui_improvements
base: master
Could not load branches
Branch not found: {{ refName }}
Loading
Could not load tags
Nothing to show
Loading
Are you sure you want to change the base?
Some commits from the old base branch may be removed from the timeline,
and old review comments may become outdated.
Open
Minor UI improvements #1220
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…e de suggestions. Les états de survol, de focus et d'activation ont été améliorés pour une meilleure interactivité visuelle.
…t, avec des styles CSS pour améliorer la visibilité de la sélection. Les contrôles du pied de page sont maintenant visibles ou cachés en fonction de l'état de survol, sans provoquer de montage/démontage du DOM. Amélioration de l'interactivité et de l'expérience utilisateur.
…ation de la gestion du défilement dans le composant de chat. Les classes CSS ont été mises à jour pour garantir un affichage correct et une meilleure expérience utilisateur.
…ors de l'impression et mise à jour de la classe d'entrée pour un espacement approprié. Cela améliore l'expérience utilisateur en garantissant une présentation correcte des éléments dans différents contextes.
…uter un positionnement fixe en bas de la page, améliorant ainsi l'accessibilité et l'expérience utilisateur lors de l'interaction avec le chat. Les styles ont été ajustés pour garantir une présentation cohérente.
…ur remplacer les curseurs par défaut par un curseur pointer, augmentant ainsi l'interactivité et l'expérience utilisateur. Les classes ont été mises à jour pour garantir une cohérence visuelle dans l'interface.
…ns mineures de l'interface utilisateur et un changement de développement pour éviter un échec du hook pre-commit.
…aisie de chat, permettant une gestion améliorée des événements de clavier pour la sélection de commandes. Cela inclut la gestion des touches fléchées et de la touche Entrée pour une meilleure interactivité lors de l'utilisation des commandes. Des ajustements ont également été effectués pour améliorer la gestion des erreurs lors de la conversion de fichiers.
…, avec des styles CSS pour mettre en surbrillance la zone lors du glissement de fichiers. Cela inclut la gestion des événements de glissement et de collage pour améliorer l'interaction utilisateur lors de l'importation de fichiers.
…application, avec des mappages de touches pour accéder rapidement aux différentes sections. Mise à jour des styles CSS pour les éléments de raccourci clavier et amélioration de l'affichage des éléments dans la barre latérale. Mise à jour de la version de la bibliothèque Katex.
…hier useKeyboardShortcuts.ts et ajout d'une nouvelle ligne à la fin du fichier navMenu.module.css pour respecter les conventions de style. Cela améliore la lisibilité et la cohérence du code.
…au niveau du composant de chat, tout en déplaçant la gestion du défilement spécifique à la zone de chat. Cela améliore l'expérience utilisateur en évitant de masquer les barres de défilement sur d'autres pages.
…s conventions de style, améliorant ainsi la lisibilité et la cohérence du code.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🚀 Major Features & UX Overhaul: Keyboard Shortcuts, File Handling, and Polished UI
Description
This pull request introduces significant new features to boost productivity and implements a comprehensive set of UI/UX enhancements to create a more stable, intuitive, and polished chat experience. It adds global keyboard shortcuts and direct file handling while refining the core application layout, message interactions, and input field behavior.
⌨️ Global Keyboard Shortcuts
useKeyboardShortcuts
hook has been created to capture and dispatch global shortcuts. It is configured to ignore key presses when the focus is inside inputs, textareas, or content-editable elements to prevent conflicts with typing.ThemeProvider
, enabling page navigation (e.g.,Alt+H
for Home) and actions like focusing the conversation search field (Alt+F
).<kbd>
element, making them easy for users to discover and learn.✨ Enhanced Chat Input
uploadFiles
handler to centralize file processing and ensure UI state is updated consistently.🎨 UI & UX Polish
body { overflow: hidden; }
. This eliminates the "double scrollbar" issue and provides a cleaner, more native app-like feel.