Fix overlapping admin entry text
This commit is contained in:
parent
114dc25235
commit
ff12f2c7b4
|
@ -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);
|
||||||
|
|
Loading…
Reference in New Issue