obsidian-plugin/broekema41_obsidian-vcf-contacts
1
0
Fork 0
mirror of https://github.com/broekema41/obsidian-vcf-contacts.git synced 2026-07-22 05:42:58 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refs #29: layout improvements with elipsess as per tester request

Browse source
This commit is contained in:
Roland Broekema 2025-06-02 12:04:14 +02:00
parent 7533ed43cf
commit 82d57b0b56
2 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/ui/sidebar/components/ContactView.tsx
View file

@ -84,7 +84,7 @@ export const ContactView = (props: ContactProps) => {
const renderTopEmails = (base: string, sortArray: string[], data: Record<string, any>) => {
return renderTopThreeItems(base, sortArray, data, (key, value, keyParts) => {
return value.length > 24 ? (
return value.length > 23 ? (
<CopyableItem key={key} value={value}>
@ <a href={`mailto:${value}`}>Email {keyParts.type?.toLowerCase()} </a>
</CopyableItem>

15
styles.css
View file

@ -113,6 +113,9 @@
text-align: right;
color: var(--nav-item-color);
border-bottom: 2px solid var(--divider-color);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.biz-headshot {
@ -130,7 +133,8 @@
.avatar-initials {
display: block;
width: 100px;
width: 100px;
height: 100px;
box-shadow: 0 0 0 2px var(--tag-border-color);
background-color: var(--tag-background);
border-radius: 50%;
@ -296,14 +300,17 @@
.avatar-initials {
width: 85px;
height: 85px;
}
.bizzy-card-organization {
width: 240px;
padding: 6px;
padding-left: 14px;
text-align: left;
padding: 6px 65px 6px 14px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}