sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2025-02-17 08:04:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Open references notes used for chat on mobile too (by clicking)

Browse source 
Requires clicking the reference as hover doesn't work on mobile
This commit is contained in:
Debanjum Singh Solanky 2023-03-09 16:57:00 -06:00
parent c3c7b8a951
commit e16d0b6d7e
1 changed files with 24 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/khoj/interface/web/chat.html
View file

@ -18,7 +18,7 @@
function generateReference(reference, index) {
// Generate HTML for Chat Reference
return `<sup><a title="${reference}">${index}</a></sup>`;
return `<sup><abbr title="${reference}" tabindex="0">${index}</abbr></sup>`;
}
function renderMessage(message, by, dt=null) {
@ -238,6 +238,29 @@
font-size: medium;
}
@media (pointer: coarse), (hover: none) {
abbr[title] {
position: relative;
padding-left: 4px; /* space references out to ease tapping */
}
abbr[title]:focus:after {
content: attr(title);
/* position tooltip */
position: absolute;
left: 16px; /* open tooltip to right of ref link, instead of on top of it */
width: auto;
z-index: 1; /* show tooltip above chat messages */
/* style tooltip */
background-color: #aaa;
color: #f8fafc;
border-radius: 2px;
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
font-size: 14px;
padding: 2px 4px;
}
}
@media only screen and (max-width: 600px) {
body {
grid-template-columns: 1fr;