Use shorthand "inset" property (#10825)

Author: luixxiul

res/css/structures/_CompatibilityPage.pcss

@@ -6,10 +6,7 @@
 
 .mx_CompatibilityPage_box {
     position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
     margin: auto;
     width: 500px;
     height: 300px;

res/css/structures/_TabbedView.pcss

@@ -21,10 +21,7 @@ limitations under the License.
     padding: 0 0 0 16px;
     display: flex;
     flex-direction: column;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
     margin-top: 8px;
 }
 

res/css/views/dialogs/_PollCreateDialog.pcss

@@ -17,10 +17,7 @@ limitations under the License.
 .mx_PollCreateDialog {
     .mx_PollCreateDialog_busy {
         position: absolute;
-        left: 0px;
-        right: 0px;
-        top: 0px;
-        bottom: 0px;
+        inset: 0;
         background-color: rgba($background, 0.6);
         z-index: 1;
     }

res/css/views/elements/_AccessibleButton.pcss

@@ -186,10 +186,7 @@ limitations under the License.
             content: "";
             display: block;
             position: absolute;
-            top: 0;
-            bottom: 0;
-            left: 0;
-            right: 0;
+            inset: 0;
             background-color: #ffffff;
             mask-repeat: no-repeat;
             mask-position: center;

res/css/views/elements/_InviteReason.pcss

@@ -25,10 +25,7 @@ limitations under the License.
     .mx_InviteReason_view {
         display: none;
         position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
+        inset: 0;
         justify-content: center;
         align-items: center;
         cursor: pointer;

res/css/views/messages/_MImageBody.pcss

@@ -92,10 +92,7 @@ $timeline-image-border-radius: 8px;
 
 .mx_HiddenImagePlaceholder {
     position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
+    inset: 0;
 
     /* To center the text in the middle of the frame */
     display: flex;

res/css/views/rooms/_E2EIcon.pcss

@@ -30,10 +30,7 @@ limitations under the License.
         content: "";
         display: block;
         position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
+        inset: 0;
         mask-repeat: no-repeat;
         mask-position: center;
         mask-size: contain;

res/css/views/rooms/_EventTile.pcss

@@ -836,10 +836,7 @@ $left-gutter: 64px;
         content: "";
         display: block;
         position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
+        inset: 0;
         mask-repeat: no-repeat;
         mask-position: center;
         mask-size: contain;

res/css/views/rooms/_JumpToBottomButton.pcss

@@ -64,10 +64,7 @@ limitations under the License.
 .mx_JumpToBottomButton_scrollDown::before {
     content: "";
     position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    inset: 0;
     mask-image: url("$(res)/img/element-icons/message/chevron-up.svg");
     mask-repeat: no-repeat;
     mask-size: 20px;

res/css/views/settings/_AvatarSetting.pcss

@@ -26,10 +26,7 @@ limitations under the License.
 
         /* position to place the hover bg over the entire thing */
         position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
+        inset: 0;
 
         pointer-events: none; /* let the pointer fall through the underlying thing */
 
@@ -45,10 +42,7 @@ limitations under the License.
         .mx_AvatarSetting_hoverBg {
             /* absolute position to lazily fill the entire container */
             position: absolute;
-            top: 0;
-            bottom: 0;
-            left: 0;
-            right: 0;
+            inset: 0;
 
             opacity: 0.5;
             background-color: $quinary-content;
@@ -98,10 +92,7 @@ limitations under the License.
         mask-position: center;
         content: "";
         position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
+        inset: 0;
     }
 
     .mx_AvatarSetting_uploadButton {