Updated styles to turn off text selection #87 resolved (#95)

* Update custom.css * Update index.module.css * Update styles.module.css * Update style.css * Update toastStyles.css
subhadipbhowmik · Jun 1, 2024 · a706fb1 · a706fb1
1 parent 0efb243
commit a706fb1
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 2 deletions.
diff --git a/src/components/Chatbot/style.css b/src/components/Chatbot/style.css
@@ -1,4 +1,11 @@
 
+body{
+ -webkit-user-select: none; 
+  -moz-user-select: none;   
+  -ms-user-select: none;     
+  user-select: none; 
+
+}
   /* These CSS rules sets the text direction of the paragraph (RTL or LTR) */
   /* p, */
   .bpw-from-bot > div,
@@ -237,4 +244,4 @@
   .bpw-floating-button:hover {
     background-color: #00bfa6;
     box-shadow: none !important;
-  }
+  }
diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css
@@ -1,3 +1,10 @@
+body{
+ -webkit-user-select: none; 
+  -moz-user-select: none;   
+  -ms-user-select: none;     
+  user-select: none; 
+}
+
 .features {
   display: flex;
   flex-wrap: wrap;
@@ -43,4 +50,4 @@
 .heading {
   margin-top: 0;
   font-size: 1.5rem;
-}
+}
diff --git a/src/components/Toast/toastStyles.css b/src/components/Toast/toastStyles.css
@@ -1,3 +1,11 @@
+body{
+ -webkit-user-select: none; 
+  -moz-user-select: none;   
+  -ms-user-select: none;     
+  user-select: none; 
+
+}
+
 /* toastStyles.css */
 
 .toast {

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -11,6 +11,14 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
 
+body{
+ -webkit-user-select: none; 
+  -moz-user-select: none;   
+  -ms-user-select: none;     
+  user-select: none; 
+
+}
+
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme="dark"] {
   --ifm-color-primary: #25c2a0;

diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -3,6 +3,13 @@
  * and scoped locally.
  */
 
+body{
+ -webkit-user-select: none; 
+  -moz-user-select: none;   
+  -ms-user-select: none;     
+  user-select: none; 
+}
+
 .heroBanner {
   padding: 4rem 0;
   text-align: center;