@interopio/groups-ui-react 5.0.0-next.0 → 5.0.0-next.2

package/dist/styles/groups.css

@@ -110,6 +110,35 @@ input {
     -webkit-app-region: drag;
 }
 
+/*
+    Move area strips of an "html" mode frame. Universal only, and deliberately not sharing
+    't42-move-area': that one is a flex child of a caption/tab bar, while these are placed by
+    explicit insets on the frame element itself (WebGroupsInternalHtmlNCArea sets them).
+    They must sit above the frame's window element - which is '-webkit-app-region: transparent',
+    letting the mouse through to the window content behind the page - and below the buttons
+    container, hence the z-index one under it.
+    To see them while developing, give this rule a visible 'background-color'.
+*/
+.t42-html-move-area {
+    position: absolute;
+    z-index: 9;
+    display: block;
+    background-color: transparent;
+    -webkit-app-region: drag;
+}
+
+/*
+    The hot zone that reveals the "html" mode buttons on demand. Sized over the buttons container
+    and 'no-drag', because a drag region is hit tested in the browser process and would never
+    deliver the hover - which also keeps a press on a button from reading as a caption drag.
+*/
+.t42-html-buttons-hover-area {
+    position: absolute;
+    z-index: 9;
+    background-color: transparent;
+    -webkit-app-region: no-drag;
+}
+
 .t42-buttons-container {
     display: flex;
     flex-direction: row;