Update basic user onboarding modal to be readonly rather than disabled and lighten disabled state text

2022-06-10 11:04:17 +01:00 · 2022-06-10 11:04:17 +01:00 · 9905d000f4
parent b0b69222d1
commit 9905d000f4
2 changed files with 5 additions and 1 deletions
--- a/packages/bbui/src/Form/Core/TextField.svelte
+++ b/packages/bbui/src/Form/Core/TextField.svelte
@ -112,4 +112,8 @@
  .spectrum-Textfield {
    width: 100%;
  }
+  input:disabled {
+    color: var(--spectrum-global-color-gray-600) !important;
+    -webkit-text-fill-color: var(--spectrum-global-color-gray-600) !important;
+  }
 </style>
--- a/packages/builder/src/pages/builder/portal/manage/users/_components/BasicOnboardingModal.svelte
+++ b/packages/builder/src/pages/builder/portal/manage/users/_components/BasicOnboardingModal.svelte
@ -51,7 +51,7 @@
    bind:value={$email}
    error={$touched && $error}
  />
-  <Input disabled label="Password" value={password} />
+  <Input readonly label="Password" value={password} />
  <div>
    <div class="toggle">
      <Label size="L">Development access</Label>