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.

Signed-off-by: proton <proton_ab@tuta.io>
This commit is contained in:
silverwind 2024-05-11 16:28:56 +02:00 committed by proton
parent 286cb4cde8
commit 584f36f0a1
2 changed files with 2 additions and 8 deletions

View file

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

View file

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