diff --git a/src/material/theme.css b/src/material/theme.css index 1228ffd..deacbe7 100644 --- a/src/material/theme.css +++ b/src/material/theme.css @@ -11,8 +11,6 @@ --button-size: 1rem; --button-weight: 500; --button-text-transform: uppercase; - --body-line-height: 1.375; - --title-line-height: 1.25; @media (min-width: 1024px) { & { @@ -41,8 +39,6 @@ --caption-size: 0.9375rem; --button-size: 1.0625rem; --button-text-transform: none; - --body-line-height: 1.425; - --title-line-height: 1.3; @media (min-width: 1024px) { & { @@ -152,5 +148,4 @@ body { font-size: var(--body-size, 1rem); - line-height: var(--body-line-height); } \ No newline at end of file diff --git a/src/material/typography.module.css b/src/material/typography.module.css index 4606687..2c079da 100644 --- a/src/material/typography.module.css +++ b/src/material/typography.module.css @@ -22,7 +22,6 @@ .title { font-size: var(--title-size); font-weight: var(--title-weight); - line-height: var(--title-line-height); } .subheading { diff --git a/src/timelines/TootBottomSheet.tsx b/src/timelines/TootBottomSheet.tsx index 9a65bd8..8b8ecb7 100644 --- a/src/timelines/TootBottomSheet.tsx +++ b/src/timelines/TootBottomSheet.tsx @@ -164,7 +164,6 @@ const TootBottomSheet: Component = (props) => { .bottom-dock { position: sticky; bottom: 0; - z-index: var(--tutu-zidx-nav); } .name :global(img) { diff --git a/src/timelines/toot.module.css b/src/timelines/toot.module.css index 3a65937..89b4609 100644 --- a/src/timelines/toot.module.css +++ b/src/timelines/toot.module.css @@ -137,19 +137,12 @@ >h1 { color: var(--tutu-color-on-surface); - max-height: calc(4 * var(--title-line-height) * var(--title-size)); - } - - > p { - max-height: calc(8 * var(--body-line-height) * var(--body-size)); } >h1, >p { margin-left: 16px; margin-right: 16px; - overflow: hidden; - text-overflow: ellipsis; } &.compact {