a_adli/colouring-montreal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Amend autofill dropdown style/content

Browse Source
This commit is contained in:
Maciej Ziarkowski 2020-01-07 18:32:13 +00:00
parent b5131d12a3
commit cced9e6cc8
2 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
app/src/frontend/building/data-components/autofill/autofillDropdown.css
View File

@ -1,9 +1,26 @@
.autofill-dropdown { .autofill-dropdown {
position: absolute; position: absolute;
top: 100%;
z-index: 1000; z-index: 1000;
background-color: white;
max-height: 5em; max-height: 6em;
width: 100%; width: 100%;
overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll;
box-sizing: content-box;
padding: 0.2em;
border: 1px solid #ddd;
background-color: white;
box-shadow: 2px 2px 2px gray;
}
.autofill-dropdown div {
padding-left: 0.3em;
}
.autofill-dropdown div:hover {
background-color: aliceblue;
cursor: pointer;
} }

4
app/src/frontend/building/data-components/multi-data-entry.tsx
View File

@ -68,7 +68,7 @@ class MultiDataEntry extends Component<MultiDataEntryProps, MultiDataEntryState>
<ul className="data-link-list"> <ul className="data-link-list">
{ {
values.length === 0 && values.length === 0 &&
<div>No elements</div> <div>No entries</div>
} }
{ {
values.map((val, i) => ( values.map((val, i) => (
@ -113,7 +113,7 @@ class MultiDataEntry extends Component<MultiDataEntryProps, MultiDataEntryState>
<div className="input-group-append"> <div className="input-group-append">
<button type="button" onClick={this.addNew} <button type="button" onClick={this.addNew}
title="Add to list" title="Add to list"
className="btn btn-outline-dark">Add to list</button> className="btn btn-outline-dark">+</button>
</div> </div>
</div> </div>
} }