@netless/telebox-insider 0.2.24 → 0.2.27

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@netless/telebox-insider",
-    "version": "0.2.24",
+    "version": "0.2.27",
     "private": false,
     "description": "Window widget for Whiteboard",
     "license": "MIT",
@@ -24,7 +24,7 @@
         "storybook": "start-storybook -p 6006 --no-version-updates",
         "build-storybook": "build-storybook && node scripts/move-storybook.js",
         "deploy-storybook": "yarn run build-storybook && node scripts/deploy-storybook.js",
-        "cleanup": "rimraf ./build"
+        "cleanup": "rimraf ./dist"
     },
     "devDependencies": {
         "@babel/plugin-proposal-class-properties": "^7.13.0",

package/src/TeleBox/index.ts

@@ -888,8 +888,12 @@ export class TeleBox {
                     const absoluteWidth = size.width * containerRect.width;
                     const absoluteHeight = size.height * containerRect.height;
                     return {
-                        width: absoluteWidth,
-                        height: absoluteHeight,
+                        width:
+                            absoluteWidth +
+                            (minimized && collectorRect ? 1 : 0),
+                        height:
+                            absoluteHeight +
+                            (minimized && collectorRect ? 1 : 0),
                         x: coord.x * containerRect.width,
                         y: coord.y * containerRect.height,
                         scaleX:

package/src/TeleBox/style.scss

@@ -1,4 +1,5 @@
 @import "../scss/variables.scss";
+@import "../scss/mixins.scss";
 
 .#{$namespace}-box {
     position: absolute;
@@ -57,6 +58,8 @@
 }
 
 .#{$namespace}-resize-handle {
+    @include no-user-select;
+
     position: absolute;
     z-index: 2147483647;
 }
@@ -126,6 +129,8 @@
 }
 
 .#{$namespace}-track-mask {
+    @include no-user-select;
+
     position: fixed;
     top: 0;
     left: 0;

package/src/TeleBoxCollector/style.scss

@@ -1,6 +1,9 @@
 @import "../scss/variables.scss";
+@import "../scss/mixins.scss";
 
 .#{$namespace}-collector {
+    @include no-user-select;
+
     visibility: hidden;
     display: block;
     position: absolute;

package/src/TeleBoxManager/MaxTitleBar/style.scss

@@ -1,4 +1,5 @@
 @import "../../scss/variables.scss";
+@import "../../scss/mixins.scss";
 
 $scrollbar-size: 8px;
 $scrollbar-ff-width: auto; // FF-only accepts auto, thin, none
@@ -9,12 +10,13 @@ $scrollbar-color-hover: rgba(238, 238, 247, 1);
 $scrollbar-color-active: rgba(238, 238, 247, 1);
 
 .#{$namespace}-max-titlebar {
+    @include no-user-select;
+
     display: none;
     position: absolute;
     top: 0;
     left: 0;
     z-index: $base-z-index * 500;
-    user-select: none;
 
     .#{$namespace}-title {
         display: none;

package/src/TeleTitleBar/DefaultTitleBar/style.scss

@@ -1,6 +1,9 @@
 @import "../../scss/variables.scss";
+@import "../../scss/mixins.scss";
 
 .#{$namespace}-titlebar {
+    @include no-user-select;
+
     box-sizing: border-box;
     height: 26px;
     display: flex;
@@ -22,6 +25,8 @@
 }
 
 .#{$namespace}-title {
+    @include no-user-select;
+
     overflow: hidden;
     margin: 0;
     padding: 0;
@@ -53,6 +58,8 @@
 }
 
 .#{$namespace}-titlebar-btn {
+    @include no-user-select;
+
     width: 22px;
     height: 22px;
     padding: 0;

package/src/scss/mixins.scss

@@ -0,0 +1,7 @@
+@mixin no-user-select {
+    user-select: none;
+    // touch device
+    -webkit-touch-callout: none;
+    // iOS Safari
+    -webkit-user-select: none;
+}