revise user-select property

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;
-
-  &:not(.expanded) {
-    user-select: none;
-    cursor: pointer;
-  }
-
+  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);
   }