show more button

This commit is contained in:
Alejandro Gomez 2023-01-29 23:18:37 +01:00
parent 6a1430722d
commit dbe7d6dc3a
No known key found for this signature in database
GPG Key ID: 4DF39E566658C817
2 changed files with 14 additions and 1 deletions

View File

@ -200,3 +200,16 @@
.hidden-note button {
max-height: 30px;
}
.show-more {
background: none;
margin: 0;
padding: 0;
font-weight: 400;
color: var(--highlight);
}
.show-more:hover {
background: none;
color: var(--highlight);
}

View File

@ -179,7 +179,7 @@ export default function Note(props: NoteProps) {
{transformBody()}
</div>
{extendable && !showMore && (<div className="flex f-center">
<button className="btn mt10" onClick={() => setShowMore(true)}>Show more</button>
<button className="show-more" onClick={() => setShowMore(true)}>Show more</button>
</div>)}
{options.showFooter ? <NoteFooter ev={ev} related={related} /> : null}
</>