modal addPerson design, search field: focus and position fixed

This commit is contained in:
2021-05-03 08:48:23 +02:00
parent 3d45b6687f
commit a1bb9ea352
8 changed files with 89 additions and 26 deletions

View File

@@ -66,7 +66,7 @@ div.vue-component {
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0.75);
display: table;
transition: opacity 0.3s ease;
}
@@ -95,12 +95,29 @@ div.vue-component {
}
//// AddPersons modal
ul.results {
list-style-type: none;
padding-left: 1em;
&.suggestions {
li {
line-height: 26pt;
div.results {
padding: 0 1.3em;
div.list-item {
line-height: 26pt;
display: flex;
flex-direction: row;
div.right_actions {
margin: 0 0 0 auto;
& > * {
margin-left: 0.5em;
}
a.sc-button {
border: 1px solid lightgrey;
font-size: 70%;
padding: 4px;
}
span {
}
}
}
}
a.discret {
color: grey;
margin-right: 1em;
}