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 { .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;

View File

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