From 22a69b68fb882eb4c463c002ca5d17879f59e81f Mon Sep 17 00:00:00 2001
From: umaranis <mail@umaranis.com>
Date: Mon, 17 Apr 2023 23:10:34 +1000
Subject: [PATCH] minor: css for table.disable-selection

---
 demos/playground/src/index.css       | 21 +++++++++++++++++++--
 demos/richtext-editor/src/global.css | 21 +++++++++++++++++++--
 demos/sveltekit/src/global.css       | 21 +++++++++++++++++++--
 3 files changed, 57 insertions(+), 6 deletions(-)

diff --git a/demos/playground/src/index.css b/demos/playground/src/index.css
index a29c5c7..55b7d36 100644
--- a/demos/playground/src/index.css
+++ b/demos/playground/src/index.css
@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
+ * Copyright (c) Syed Umar Anis.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -1143,7 +1143,24 @@ i.prettier-error {
  .actions i.connect {
    background-image: url(images/icons/plug-fill.svg);
  }
- 
+
+ table.disable-selection {
+   -webkit-touch-callout: none;
+   -webkit-user-select: none;
+   -khtml-user-select: none;
+   -moz-user-select: none;
+   -ms-user-select: none;
+   user-select: none;
+ }
+
+ table.disable-selection span::selection {
+   background-color: transparent;
+ }
+
+ table.disable-selection br::selection {
+   background-color: transparent;
+ }
+
  .table-cell-action-button-container {
    position: absolute;
   top: 0;
diff --git a/demos/richtext-editor/src/global.css b/demos/richtext-editor/src/global.css
index d4e7114..55b7d36 100644
--- a/demos/richtext-editor/src/global.css
+++ b/demos/richtext-editor/src/global.css
@@ -1143,7 +1143,24 @@ i.prettier-error {
  .actions i.connect {
    background-image: url(images/icons/plug-fill.svg);
  }
- 
+
+ table.disable-selection {
+   -webkit-touch-callout: none;
+   -webkit-user-select: none;
+   -khtml-user-select: none;
+   -moz-user-select: none;
+   -ms-user-select: none;
+   user-select: none;
+ }
+
+ table.disable-selection span::selection {
+   background-color: transparent;
+ }
+
+ table.disable-selection br::selection {
+   background-color: transparent;
+ }
+
  .table-cell-action-button-container {
    position: absolute;
   top: 0;
@@ -1627,7 +1644,7 @@ button.item.dropdown-item-active i {
 }
 .Input__input {
   display: flex;
-  flex: 2;
+  flex: 3;
   border: 1px solid #999;
   padding-top: 7px;
   padding-bottom: 7px;
diff --git a/demos/sveltekit/src/global.css b/demos/sveltekit/src/global.css
index d4e7114..55b7d36 100644
--- a/demos/sveltekit/src/global.css
+++ b/demos/sveltekit/src/global.css
@@ -1143,7 +1143,24 @@ i.prettier-error {
  .actions i.connect {
    background-image: url(images/icons/plug-fill.svg);
  }
- 
+
+ table.disable-selection {
+   -webkit-touch-callout: none;
+   -webkit-user-select: none;
+   -khtml-user-select: none;
+   -moz-user-select: none;
+   -ms-user-select: none;
+   user-select: none;
+ }
+
+ table.disable-selection span::selection {
+   background-color: transparent;
+ }
+
+ table.disable-selection br::selection {
+   background-color: transparent;
+ }
+
  .table-cell-action-button-container {
    position: absolute;
   top: 0;
@@ -1627,7 +1644,7 @@ button.item.dropdown-item-active i {
 }
 .Input__input {
   display: flex;
-  flex: 2;
+  flex: 3;
   border: 1px solid #999;
   padding-top: 7px;
   padding-bottom: 7px;