Use CSS `inset` shorthand (#30939)

Use [inset](https://developer.mozilla.org/en-US/docs/Web/CSS/inset)
shorthand instead of longhands. There may be more cases but these ones I
was able to definitely identify.
This commit is contained in:
silverwind 2024-05-11 16:28:56 +02:00 committed by GitHub
parent 40de54ece8
commit 3c2406a2f3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 3 additions and 12 deletions

View File

@ -20,10 +20,7 @@ Gitea's private styles use `g-` prefix.
.g-table-auto-ellipsis td.auto-ellipsis span {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
inset: 0;
padding: inherit;
white-space: nowrap;
overflow: hidden;

View File

@ -204,10 +204,7 @@
.markup input[type="checkbox"]::after {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
inset: 0;
pointer-events: none;
background: var(--color-text);
mask-size: cover;

View File

@ -3,10 +3,7 @@
.ui.dimmer {
position: fixed;
display: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
inset: 0;
background: var(--color-overlay-backdrop);
opacity: 0;
z-index: 1000;