neosubhamoy/neosubhamoy-portfolio
1
1
Fork 0
mirror of https://github.com/neosubhamoy/neosubhamoy-portfolio.git synced 2025-12-20 01:09:35 +05:30
Code Issues Wiki Activity

(fixed): projects search result description taking more than one line

Browse Source
This commit is contained in:
Subhamoy Biswas
2024-03-17 00:38:53 +05:30
parent d3a69f97a7
commit 8bc9e89bb3
2 changed files with 30 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
htdocs/assets/js/floatingbar-config.js
View File

@@ -182,8 +182,8 @@ function inject_search_results (results, keyword) {
<span class="flex items-center"> <span class="flex items-center">
<span class="mx-1 w-[35px] h-[35px] flex justify-center items-center rounded border-[1px] border-accent_secondary_transparent"><p class="text-accent_primary">${result.name.charAt(0).toUpperCase()}</p></span> <span class="mx-1 w-[35px] h-[35px] flex justify-center items-center rounded border-[1px] border-accent_secondary_transparent"><p class="text-accent_primary">${result.name.charAt(0).toUpperCase()}</p></span>
<span class="flex flex-col"> <span class="flex flex-col">
<h6 class="mx-1">${result.name}</h6> <h6 class="mx-1 overflow-hidden whitespace-nowrap text-ellipsis max-w-[45vw] md:max-w-[30vw]">${result.name}</h6>
<p class="mx-1 text-xs text-accent_three">${result.description.slice(0, 35) + '...'}</p> <p class="mx-1 text-xs overflow-hidden whitespace-nowrap text-ellipsis max-w-[45vw] md:max-w-[30vw] text-accent_three">${result.description}</p>
</span> </span>
</span> </span>
<span class="flex items-center mr-1"> <span class="flex items-center mr-1">

28
htdocs/assets/style.css
View File

@@ -1143,6 +1143,22 @@ video {
width: 100vw; width: 100vw;
} }
.max-w-full {
max-width: 100%;
}
.max-w-\[70vw\] {
max-width: 70vw;
}
.max-w-\[50vw\] {
max-width: 50vw;
}
.max-w-\[45vw\] {
max-width: 45vw;
}
.origin-left { .origin-left {
transform-origin: left; transform-origin: left;
} }
@@ -1249,6 +1265,10 @@ video {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
.text-ellipsis {
text-overflow: ellipsis;
}
.whitespace-nowrap { .whitespace-nowrap {
white-space: nowrap; white-space: nowrap;
} }
@@ -2000,6 +2020,14 @@ video {
width: 50vw; width: 50vw;
} }
.md\:max-w-\[35vw\] {
max-width: 35vw;
}
.md\:max-w-\[30vw\] {
max-width: 30vw;
}
.md\:flex-row { .md\:flex-row {
flex-direction: row; flex-direction: row;
} }