mirror of
https://github.com/zadam/trilium.git
synced 2026-02-19 12:14:23 +01:00
feat(mobile/tab_switcher): clip note title
This commit is contained in:
parent
13aebc060e
commit
05fa1ef2fb
@ -12,10 +12,20 @@
|
|||||||
.tab-card {
|
.tab-card {
|
||||||
background: var(--card-background-color);
|
background: var(--card-background-color);
|
||||||
border-radius: 1em;
|
border-radius: 1em;
|
||||||
|
min-width: 0;
|
||||||
|
|
||||||
header {
|
header {
|
||||||
padding: 0.5em 1em;
|
padding: 0.5em 1em;
|
||||||
border-bottom: 1px solid var(--main-border-color);
|
border-bottom: 1px solid var(--main-border-color);
|
||||||
|
display: flex;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
text-wrap: nowrap;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-preview {
|
.tab-preview {
|
||||||
|
|||||||
@ -62,7 +62,9 @@ function Tab({ noteContext }: {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div class="tab-card">
|
<div class="tab-card">
|
||||||
<header>{noteContext.note?.title}</header>
|
<header>
|
||||||
|
<span className="title">{noteContext.note?.title}</span>
|
||||||
|
</header>
|
||||||
<div className={clsx("tab-preview", `type-${note?.type ?? "empty"}`)}>
|
<div className={clsx("tab-preview", `type-${note?.type ?? "empty"}`)}>
|
||||||
{note && <NoteContent
|
{note && <NoteContent
|
||||||
note={note}
|
note={note}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user