VulpesOS/gaia/shared/style/contacts/contact_in_overlay.css
OverSu b38dea0597 Publish Vulpes Preview 15 sources for desktop, Android and Tundra
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
2026-09-30 23:13:03 +02:00

80 lines
1.4 KiB
CSS
Executable file

/* Overrides building blocks */
#contact-list .contact-item {
height: auto;
padding-top: 1rem;
padding-bottom: 1rem;
}
/* End overrides building blocks */
.contact-item {
flex: 1;
padding: 0 2rem;
min-width: 0;
text-align: left;
}
.contact-item .ci__tel-type:not(:empty) ~ .js-separator::before {
content: ',';
-moz-margin-end: 5px;
}
.contact-item .ci__tel-type:not(:empty) {
min-width: 4rem;
max-width: 10rem;
}
.ci__name {
line-height: 1.9rem;
pointer-events: none;
}
.ci--action-menu .ci__name {
font-size: 1.7rem;
line-height: 2.1rem;
font-weight: 500;
}
.ci__details {
display: flex;
font-size: 1.7rem;
line-height: 2.3rem;
pointer-events: none;
margin-bottom: -0.4rem;
}
.ci--action-menu .ci__details {
font-size: 1.5rem;
}
.ci__mark {
background-color: #94EEE9;
color: unset;
}
.ci--action-menu .ci__mark {
background: #333;
color: #94eee9;
}
.js-tel {
flex-grow: 1;
}
/* FIXME Move to some kind of "building blocks" file? */
.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin: 0 auto;
}
/* Override BB styles for LTR */
[role="dialog"][data-type="action"] > menu > button.contact-item {
text-align: left;
}
/* Override BB styles for RTL */
html[dir="rtl"] [role="dialog"][data-type="action"] > menu > button.contact-item,
html[dir="rtl"] .contact-item {
text-align: right;
}