minor: css for table.disable-selection

umaranis · Apr 17, 2023 · 22a69b6 · 22a69b6
1 parent 09c3a04
commit 22a69b6
Show file tree

Hide file tree

Showing 3 changed files with 57 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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;