jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css: add <input> placeholder & quick search form styling.

Browse Source
This commit is contained in:
evazion
2019-09-19 02:22:15 -05:00
parent 9359797a00
commit ee1a6fa96f
3 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/javascript/src/styles/base/020_base.scss
View File

@@ -81,6 +81,13 @@ input[type="button"], input[type="submit"], button {
} }
} }
/* placeholder text in <input type="text"> elements */
::placeholder {
color: var(--form-input-placeholder-text-color);
font-size: 0.9em;
padding-left: 0.5em;
}
menu { menu {
margin: 0; margin: 0;
padding: 0; padding: 0;

3
app/javascript/src/styles/base/040_colors.css
View File

@@ -29,6 +29,7 @@
--form-input-text-color: var(--text-color); --form-input-text-color: var(--text-color);
--form-input-background: var(--body-background-color); --form-input-background: var(--body-background-color);
--form-input-border: 1px solid #CCC; --form-input-border: 1px solid #CCC;
--form-input-placeholder-text-color: grey;
--form-button-text-color: var(--form-input-text-color); --form-button-text-color: var(--form-input-text-color);
--form-button-background: #EEE; --form-button-background: #EEE;
--form-button-border: var(--form-input-border); --form-button-border: var(--form-input-border);
@@ -38,6 +39,8 @@
--form-button-active-border: var(--form-button-border); --form-button-active-border: var(--form-button-border);
--form-button-active-color: var(--form-button-text-color); --form-button-active-color: var(--form-button-text-color);
--quick-search-form-background: var(--body-background-color);
--user-upgrade-gold-background-color: #FFF380; --user-upgrade-gold-background-color: #FFF380;
--user-upgrade-platinum-background-color: #EEE; --user-upgrade-platinum-background-color: #EEE;
--user-upgrade-table-row-hover-background-color: #FEF; --user-upgrade-table-row-hover-background-color: #FEF;

4
app/javascript/src/styles/common/simple_form.scss
View File

@@ -82,6 +82,10 @@ form.inline-form {
form.quick-search-form { form.quick-search-form {
margin: 0; margin: 0;
input {
background: var(--quick-search-form-background);
}
} }
form.one-line-form { form.one-line-form {