noselection

ecency · Apr 6, 2024 · 4188095 · 4188095
1 parent 47aebdc
commit 4188095
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/src/common/components/entry-payout/_index.scss b/src/common/components/entry-payout/_index.scss
@@ -27,6 +27,14 @@
   }
 }
 
+.noselection {
+  user-select: none; /* standard syntax */
+  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
+  -moz-user-select: none; /* mozilla browsers */
+  -khtml-user-select: none; /* webkit (konqueror) browsers */
+  -ms-user-select: none; /* IE10+ */
+}
+
 .payout-popover-content {
   @apply text-sm;
 
@@ -47,4 +55,4 @@
     .value {
     }
   }
-}
+}
diff --git a/src/common/components/entry-payout/index.tsx b/src/common/components/entry-payout/index.tsx
@@ -178,7 +178,7 @@ export const EntryPayout = (props: Props) => {
   }
 
   return searchPayout <= 0 ? (
-    <div className="notranslate">
+    <div className="noselection">
       <Popover show={showPopover} setShow={setShowPopover}>
         <PopoverContent>
           <EntryPayoutDetail {...props} />
@@ -191,7 +191,7 @@ export const EntryPayout = (props: Props) => {
         className={_c(
           `entry-payout ${isPayoutDeclined ? "payout-declined" : ""} ${
             payoutLimitHit ? "payout-limit-hit" : ""
-          }`
+          } notranslate`
         )}
       >
         <FormattedCurrency {...props} value={shownPayout} />

diff --git a/src/common/components/entry-vote-btn/index.tsx b/src/common/components/entry-vote-btn/index.tsx
@@ -628,10 +628,7 @@ export class EntryVoteBtn extends BaseComponent<Props, State> {
                   !tipDialog && dialog && this.setState({ dialog: false });
                 }}
               >
-                <div
-                  className="notranslate entry-vote-btn"
-                  onClick={async () => await this.toggleDialog()}
-                >
+                <div className="entry-vote-btn" onClick={async () => await this.toggleDialog()}>
                   <div className={cls}>
                     <div className={tooltipClass}>
                       <span className={voteBtnClass}>{chevronUpSvgForVote}</span>