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.

diff --git a/web_src/css/helpers.css b/web_src/css/helpers.css
index 4d12dfaea2f85d621e0e5c96228204538f637516..60ecd7db72f8f5ed2ba0ac75876379386bffa686 100644 (file)
--- a/web_src/css/helpers.css
+++ b/web_src/css/helpers.css
@@ -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;

diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css
index 6ba4e40072670dd86e4abeb1bfcc567a93c3d02b..3eb40eaf291dd638c9ab5c82b25b532d3f83b058 100644 (file)
--- a/web_src/css/markup/content.css
+++ b/web_src/css/markup/content.css
@@ -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;

diff --git a/web_src/css/modules/dimmer.css b/web_src/css/modules/dimmer.css
index a552d103e538a17d29732cdbf37811c3e953996a..89248213707e370c5e9d9abd77fc3d43632f083e 100644 (file)
--- a/web_src/css/modules/dimmer.css
+++ b/web_src/css/modules/dimmer.css
@@ -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;