add title to share modal
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s

This commit is contained in:
Julie Blanc 2026-02-06 15:26:52 +01:00
parent b9cefffdfa
commit 4262be067d
4 changed files with 50 additions and 7 deletions

View file

@ -907,12 +907,29 @@ button.sort[data-sort-type=up] .arrow {
padding-bottom: var(--padding-inner);
background-color: var(--color-bg);
}
.modal--share .title {
font-size: var(--fs-xsmall);
line-height: 1.2;
padding: var(--padding-inner);
padding-bottom: 0px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-style: italic;
}
.modal--share .title::before {
content: "« ";
}
.modal--share .title::after {
content: " »";
}
.modal--share .socials {
display: block;
list-style: none;
}
.modal--share .socials li {
font-size: var(--fs-normal);
font-size: var(--fs-xsmall);
border-bottom: var(--border-light);
}
.modal--share .socials li:first-of-type {
@ -923,6 +940,7 @@ button.sort[data-sort-type=up] .arrow {
align-items: center;
gap: 2ch;
text-decoration: none;
font-size: var(--fs-xsmall);
}
.modal--share .socials li .icon {
width: 16px;
@ -962,7 +980,7 @@ button.sort[data-sort-type=up] .arrow {
width: 12px;
}
.modal--share .copy-link input {
font-size: var(--fs-small);
font-size: var(--fs-xsmall);
font-family: var(--font);
background: none;
border: none;
@ -988,7 +1006,7 @@ button.sort[data-sort-type=up] .arrow {
color: var(--color-bg);
border-radius: var(--radius-btn);
padding: 0 1ch;
font-size: var(--fs-small);
font-size: var(--fs-xsmall);
padding-top: 2px;
white-space: nowrap;
text-align: center;