andyburke/autonomous.contact
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: fix label styling

Browse source 
fix: handle primary color not being there
This commit is contained in:
Andy Burke 2025-09-16 20:11:42 -07:00
parent f03ca66a07
commit e1bb07a138
3 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

6
public/base.css
View file

@ -216,7 +216,7 @@ form div {
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
form label { form label.placeholder {
position: absolute; position: absolute;
top: 0; top: 0;
font-size: large; font-size: large;
@ -230,8 +230,8 @@ form label {
font-size 0.2s ease-in-out; font-size 0.2s ease-in-out;
} }
form input:focus ~ label, form input:focus ~ label.placeholder,
form input:valid ~ label { form input:valid ~ label.placeholder {
top: -1.6rem; top: -1.6rem;
font-size: small; font-size: small;
border: 1px solid rgba(128, 128, 128, 0.2); border: 1px solid rgba(128, 128, 128, 0.2);

4
public/sidebar/sidebar.html
View file

@ -199,7 +199,7 @@
user_bound_element[target] = value ?? default_value; user_bound_element[target] = value ?? default_value;
} }
const primary_color_setting = user.meta.primary_color; const primary_color_setting = user?.meta?.primary_color;
if (primary_color_setting) { if (primary_color_setting) {
const root = document.querySelector(":root"); const root = document.querySelector(":root");
root.style.setProperty("--base-color", primary_color_setting); root.style.setProperty("--base-color", primary_color_setting);
@ -376,7 +376,7 @@
data-user-field-target="value" data-user-field-target="value"
data-user-field-default="" data-user-field-default=""
/> />
<label for="user-color-setting-primary">Primary Color</label> <label class="placeholder" for="user-color-setting-primary">Primary Color</label>
</div> </div>
</details> </details>
</form> </form>

8
public/signup_login_wall.html
View file

@ -67,11 +67,11 @@
</script> </script>
<div> <div>
<input id="login-username" type="text" name="username" required /> <input id="login-username" type="text" name="username" required />
<label for="login-username">username</label> <label class="placeholder" for="login-username">username</label>
</div> </div>
<div> <div>
<input id="login-password" type="password" name="password" required /> <input id="login-password" type="password" name="password" required />
<label for="login-password">password</label> <label class="placeholder" for="login-password">password</label>
</div> </div>
<div> <div>
<button id="login-submit" type="submit" class="primary">Log In</button> <button id="login-submit" type="submit" class="primary">Log In</button>
@ -107,11 +107,11 @@
</script> </script>
<div> <div>
<input id="signup-username" type="text" name="username" required /> <input id="signup-username" type="text" name="username" required />
<label for="signup-username">username</label> <label class="placeholder" for="signup-username">username</label>
</div> </div>
<div> <div>
<input id="signup-password" type="password" name="password" required /> <input id="signup-password" type="password" name="password" required />
<label for="signup-password">password</label> <label class="placeholder" for="signup-password">password</label>
</div> </div>
<button id="signup-submit" type="submit" class="primary">Sign Up</button> <button id="signup-submit" type="submit" class="primary">Sign Up</button>
</form> </form>