HPR/hpr_generator
8
1
Fork 5
Code Issues 35 Pull Requests 4 Actions Packages Projects Releases Wiki Activity

Pull form elements into generic tag references

Browse Source 
Allow common properties to be easily referenced from both
HPR website and Hub website.
This commit is contained in:
Roan Horning
2025-10-09 21:27:14 -04:00
parent fbcf5be2a6
commit a9ff01f392
1 changed files with 24 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
public_html/css/hpr.css
View File

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