revise user-select property

src/App.css

@@ -35,3 +35,7 @@ https://stackoverflow.com/questions/66005655/pwa-ios-child-of-body-not-taking-10
 h1 {
   margin: 0;
 }
+
+* {
+  user-select: none;
+}

src/profiles/Profile.css

@@ -28,6 +28,10 @@
     }
 
     word-break: break-all;
+
+    & * {
+      user-select: text;
+    }
   }
 
   .acct-grp {
@@ -49,6 +53,18 @@
   .name-grp {
     display: flex;
     flex-flow: column nowrap;
+
+    & * {
+      user-select: text;
+    }
+
+    .display-name {
+      display: block;
+    }
+
+    .username {
+      user-select: all;
+    }
   }
 
   .acct-mark {
@@ -57,9 +73,7 @@
     margin-right: 0.25em;
   }
 
-  .display-name {
+
-    display: block;
-  }
 
   table.acct-fields {
     word-break: break-all;
@@ -78,6 +92,10 @@
     & svg {
       vertical-align: middle;
     }
+
+    & * {
+      user-select: text;
+    }
   }
 
   .toot-list-toolbar {

src/profiles/Profile.tsx

@@ -424,7 +424,7 @@ const Profile: Component = () => {
                 aria-label="Display name"
               ></Body2>
             </div>
-            <span aria-label="Complete username">{fullUsername()}</span>
+            <span aria-label="Complete username" class="username">{fullUsername()}</span>
           </div>
           <div role="presentation">
             <Switch>

src/timelines/TootBottomSheet.tsx

@@ -261,6 +261,8 @@ const TootBottomSheet: Component = (props) => {
                 style={{
                   "scroll-margin-top":
                     "calc(var(--scaffold-topbar-height) + 20px)",
+                  "cursor": "auto",
+                  "user-select": "auto",
                 }}
                 status={toot()!}
                 actionable={!!actSession()}

src/timelines/toot.module.css

@@ -5,12 +5,7 @@
   margin-block: 0;
   position: relative;
   contain: content;
-
+  cursor: pointer;
-  &:not(.expanded) {
-    user-select: none;
-    cursor: pointer;
-  }
-
 
   &.toot {
     /* fix composition ordering: I think the css module processor should aware the overriding and behaves, but no */
@@ -100,6 +95,10 @@
   margin-right: var(--card-pad, 0);
   line-height: 1.5;
 
+  & * {
+    user-select: text;
+  }
+
   & a {
     color: var(--tutu-color-primary-d);
   }