Fix overlapping admin entry text

This commit is contained in:
august kline 2025-01-06 14:58:04 -05:00
parent 114dc25235
commit ff12f2c7b4
1 changed files with 14 additions and 0 deletions

View File

@ -6,6 +6,7 @@ main {
gap: var(--default-padding); gap: var(--default-padding);
margin-block-end: 40svb; margin-block-end: 40svb;
padding: 0; padding: 0;
min-block-size: unset;
} }
@media screen and (min-width: 60rem) { @media screen and (min-width: 60rem) {
@ -21,6 +22,10 @@ main {
flex-wrap: nowrap !important; flex-wrap: nowrap !important;
} }
.admin-widget:not(.admin-widget-user) {
max-inline-size: 50%;
}
.admin-widget-user { .admin-widget-user {
flex-direction: row !important; flex-direction: row !important;
justify-content: space-between; justify-content: space-between;
@ -198,6 +203,7 @@ main {
min-block-size: 0; min-block-size: 0;
border: var(--border); border: var(--border);
display: flex; display: flex;
max-inline-size: 100%;
&>*:not(form, a) { &>*:not(form, a) {
padding-inline: var(--default-padding); padding-inline: var(--default-padding);
@ -212,6 +218,7 @@ main {
li { li {
flex: 1; flex: 1;
overflow: hidden;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -243,6 +250,13 @@ main {
transition: all 0.3s ease; transition: all 0.3s ease;
& :is(p, h2) {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
inline-size: 100%;
}
&:hover, &:hover,
&:focus { &:focus {
transform: translateX(1ch); transform: translateX(1ch);