august
/
evie
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
server/src/client/assets/css/admin.css
View File

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