diff options
| author | Robert Jaros <rjaros@finn.pl> | 2019-05-11 02:38:53 +0200 |
|---|---|---|
| committer | Robert Jaros <rjaros@finn.pl> | 2019-05-11 02:38:53 +0200 |
| commit | a4ff696ce73bd1c4894a6ea444c5fbb048bc1e44 (patch) | |
| tree | c43c6846ffc6ddc0e3d842ab541a4279222de607 /kvision-modules/kvision-bootstrap/src | |
| parent | 046e5586674c9debde9cdd9108e60c74265e8119 (diff) | |
| download | kvision-a4ff696ce73bd1c4894a6ea444c5fbb048bc1e44.tar.gz kvision-a4ff696ce73bd1c4894a6ea444c5fbb048bc1e44.tar.bz2 kvision-a4ff696ce73bd1c4894a6ea444c5fbb048bc1e44.zip | |
Add new SimpleSelect form control.
Diffstat (limited to 'kvision-modules/kvision-bootstrap/src')
| -rw-r--r-- | kvision-modules/kvision-bootstrap/src/main/resources/css/style.css | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/kvision-modules/kvision-bootstrap/src/main/resources/css/style.css b/kvision-modules/kvision-bootstrap/src/main/resources/css/style.css index ddbd5d28..eac7ddb9 100644 --- a/kvision-modules/kvision-bootstrap/src/main/resources/css/style.css +++ b/kvision-modules/kvision-bootstrap/src/main/resources/css/style.css @@ -177,3 +177,32 @@ ul.tabs-top > li { filter: alpha(opacity=50); opacity: 0.5; } + +select.form-control, .tabulator-row .tabulator-cell.tabulator-editing select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: transparent none no-repeat; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAYAAABblxXYAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4wUKFyIn4IjqJgAAAENJREFUKM/l0LERACEQQlGsiTa2px1aokGugNNAx8wfMy8AeLoBALYjaTqoKkga2+gKPgF/2Q7JkEx359oftu+C7/UBCUIcVQz0PvcAAAAASUVORK5CYII='); + background-position: right center; + cursor: pointer; +} + +select.form-control:hover { + background-color: #e6e6e6; +} + +select.form-control option { + background-color: white; +} + +.tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select { + border: 1px solid #ccc; + border-radius: 4px; +} + +.tabulator-row .tabulator-cell.tabulator-editing input:focus, .tabulator-row .tabulator-cell.tabulator-editing select:focus { + border-color: #66afe9; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); +} |