Use app-region instead of -webkit-app-region

Author: captainbrosset

1DIV/dist/app.css

@@ -31,7 +31,7 @@ button {
   text-transform: uppercase;
   font-size: 10px;
   cursor: pointer;
-  -webkit-app-region: no-drag;
+  app-region: no-drag;
 }
 
 button:hover {
@@ -109,14 +109,14 @@ header input {
 }
 
 body:not(.demo-selected) header input {
-  -webkit-app-region: no-drag;
+  app-region: no-drag;
 }
 
 header .new {
   display: flex;
   gap: var(--padding);
   align-items: center;
-  -webkit-app-region: no-drag;
+  app-region: no-drag;
 }
 
 header .new::after {
@@ -294,15 +294,15 @@ css-playground.full-size {
 }
 
 .demo-selected .demo-name {
-  -webkit-app-region: no-drag;
+  app-region: no-drag;
 }
 
 .drag {
   position: fixed;
   top: 0;
   width: 100%;
   height: env(titlebar-area-height, 0);
-  -webkit-app-region: drag;
+  app-region: drag;
 }
 
 css-playground {

pwa-pwastore/styles/pwastore.css

@@ -226,7 +226,6 @@ footer {
     left: env(titlebar-area-x, 0);
     width: env(titlebar-area-width, 100%);
     height: env(titlebar-area-height, 33px);
-    -webkit-app-region: drag;
     app-region: drag;
 }
 

pwamp/index.html

@@ -22,7 +22,7 @@
         left: env(titlebar-area-x);
         height: env(titlebar-area-height);
         width: env(titlebar-area-width);
-        -webkit-app-region: drag;
+        app-region: drag;
       "
     ></div>
 

wami/index.html

@@ -15,7 +15,7 @@
         left: env(titlebar-area-x, 0);
         height: env(titlebar-area-height, 0);
         width: env(titlebar-area-width, 0);
-        -webkit-app-region: drag;
+        app-region: drag;
       "
     ></div>
     <h1>

wami/styles/dialogs.css

@@ -28,5 +28,5 @@ dialog .close-dialog {
   position: fixed;
   top: 1rem;
   left: 1rem;
-  -webkit-app-region: no-drag;
+  app-region: no-drag;
 }