Fix select text padding on desktop

aeharding · Nov 27, 2024 · 3c83deb · 3c83deb
1 parent 641dca3
commit 3c83deb
Showing 1 changed file with 13 additions and 9 deletions.
diff --git a/src/features/shared/SelectTextModal.module.css b/src/features/shared/SelectTextModal.module.css
@@ -9,25 +9,29 @@
 }
 
 .sharedSelect {
-  padding: 8px;
-  width: calc(100% - 16px);
-
-  user-select: text;
-
-  margin-bottom: var(--ion-safe-area-bottom, env(safe-area-inset-bottom));
+  /* Override `all: unset` specificity by setting default below .invisibleTextarea */
 }
 
 .invisibleTextarea {
+  composes: sharedSelect;
+
   all: unset;
   white-space: pre-wrap;
   width: 100%;
-
-  composes: sharedSelect;
 }
 
 .selectable {
+  composes: sharedSelect;
+
   user-select: text;
   white-space: pre-wrap;
+}
 
-  composes: sharedSelect;
+.sharedSelect {
+  padding: 8px;
+  width: calc(100% - 16px);
+
+  user-select: text;
+
+  margin-bottom: var(--ion-safe-area-bottom, env(safe-area-inset-bottom));
 }