Streamline and cleanup the entity-reference so it can be used everywhere in a simple fashion. Also changes the entity-search to use the reference as its icon source when in persistent mode
This commit is contained in:
parent
c2928a96d0
commit
74df6b1df7
11 changed files with 87 additions and 46 deletions
|
@ -77,10 +77,17 @@
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.entity-search-element .entity-icon {
|
||||
position: absolute;
|
||||
.entity-search-element .entity-reference {
|
||||
position: absolute !important;
|
||||
top: 0px;
|
||||
left: 8px;
|
||||
left: 8px;
|
||||
right: 36px;
|
||||
z-index: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.entity-search-element .entity-reference .entity-name {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.entity-search-element input {
|
||||
|
@ -89,6 +96,7 @@
|
|||
|
||||
.entity-search-element.persistent input {
|
||||
padding-left: 28px;
|
||||
padding-right: 28px;
|
||||
}
|
||||
|
||||
.entity-search-element .twitter-typeahead {
|
||||
|
@ -155,6 +163,26 @@ i.toggle-icon:hover {
|
|||
color: #aaa;
|
||||
}
|
||||
|
||||
.entity-reference.block-reference {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.entity-reference.block-reference .entity-reference-element {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.entity-reference.block-reference i.fa-exclamation-triangle {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
.entity-reference-element i.fa-exclamation-triangle {
|
||||
color: #c09853;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.entity-reference-element i.fa-user {
|
||||
margin-left: 2px;
|
||||
margin-right: 7px;
|
||||
|
@ -1127,7 +1155,7 @@ form input.ng-valid.ng-dirty,
|
|||
|
||||
.entity-mini-listing i.fa-exclamation-triangle {
|
||||
position: absolute;
|
||||
right: -16px;
|
||||
right: -14px;
|
||||
top: 4px;
|
||||
color: #c09853;
|
||||
}
|
||||
|
|
Reference in a new issue