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:
Joseph Schorr 2014-01-21 16:23:00 -05:00
parent c2928a96d0
commit 74df6b1df7
11 changed files with 87 additions and 46 deletions

View file

@ -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;
}