Pull form elements into generic tag references

Allow common properties to be easily referenced from both
HPR website and Hub website.
This commit is contained in:
2025-10-09 21:27:14 -04:00
parent fbcf5be2a6
commit a9ff01f392

View File

@@ -533,41 +533,52 @@ fieldset > table td select {
display: block;
font-size: 1rem;
}
fieldset > table {
width: calc(100vw + -16vw + -1rem);
max-width: 100%;
}
fieldset > input,
fieldset > table td input,
fieldset > table td textarea {
width: calc(100vw + -16vw + -1.5rem);
max-width: 100%;
input {
border: thin solid var(--input-border-primary);
border-radius: 0.2rem;
margin-bottom: 0.5rem;
padding: 0.5rem;
}
fieldset > table td select {
appearance: none;
input[type="submit"] {
background-color: var(--background-secondary);
color: var(--text-secondary);
font-weight: 400;
width: fit-content;
}
input[type="submit"]:hover {
background-color: var(--link-primary-hover);
color: var(--background-primary);
}
select {
appearance: auto;
background: var(--background-primary);
color: var(--text-primary);
width: calc(100vw + -16vw + -0.40rem);
border: 1px solid var(--input-border-primary);
border-radius: 0.25rem;
cursor: pointer;
margin-bottom: 0.5rem;
padding: 0.5rem;
}
fieldset > table td select:focus{
select:focus{
background: var(--background-secondary);
color: var(--text-secondary);
}
fieldset > table td select:active {
}select:active {
background: var(--background-secondary);
color: var(--text-primary);
}
fieldset > input,
fieldset > table td input,
fieldset > table td textarea {
width: calc(100vw + -16vw + -1.5rem);
max-width: 100%;
}
fieldset > table td select {
width: calc(100vw + -16vw + -0.40rem);
}
fieldset > table td input[type="radio"] {
display: initial;
width: initial;
@@ -586,14 +597,8 @@ fieldset > table td input[type="radio"] {
width: 94%;
}
#search fieldset > input[type="submit"] {
background-color: var(--background-secondary);
color: var(--text-secondary);
width: 100%;
}
#search fieldset > input[type="submit"]:hover {
background-color: var(--link-primary-hover);
color: var(--background-primary);
}
#search fieldset > p {
margin-top: 0.5rem;
margin-bottom: 0.5rem;