Dear all,
I don’t know if it’s my problem only .
I have been using elasticsearch and using file_fulltextsearch to find my files very successfully. HOwever, there is a small issue: it the path + filename is too long, the path + filename will overflow the file size and modified date, rendering the filename and pathname unreadable
I have used custom css app and create a little fix. the path + filename, if too long, will be cut short (hardcode to 300px) and the full path will be shown by a mouse over. I have also fixed the background color using files_fulltextsearch under “Breeze Dark” theme app.
I admit that I just begin to learn CSS because of this issue, CSS expert please fix the CSS without hardcoding.
[ Further edited, should be quite well on non-mobile device ]
.files_div_name:hover {
z-index: 3;
}
.files_div_name:hover::after {
z-index: 0;
}
.files_result_item {
/* color: #ffffff;
background-color: #31363b; */
width: 5w;
color: var(–color-main-text);
background-color: var(–main-background);
z-index: 1;
}
.files_result_div {
display: grid;
grid-template-columns:auto;
grid-template-rows:auto;
}
.files_result_title {
/* color: #FFFFFF; */
color: var(–color-main-text);
width: 30vw;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.files_result_title:hover {
font-size: 110%;
overflow: visible;
width: 100vw;
background-color: #0092CC;
}
.files_result_extract {
/* color: #c0c0c0; */
color: var(–color-text-lighter);
font-size: 75%;
padding-top: 8px;
width: 75vw;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.files_result_extract:hover {
overflow: visible;
width: 100vw;
font-size: 110%;
/* color: #FFFAFA; */
background-color: #0092CC;
}
Regards
Alex