@import “angular-material.min” div.filtered-select
position: fixed z-index: 1001 background-color: white margin: 0 padding: 0 width: 100% height: 0 overflow: hidden left: 0 top: 0 transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) &.active height: 100% input width: 100% ul overflow: hidden overflow-y: auto list-style: none width: 100% margin: 0 padding: 0 li padding-left: 5% padding-right: 5% overflow: hidden text-overflow: ellipsis line-height: 48px height: 48px font-size: 14px white-space: nowrap cursor: pointer box-shadow: 0 4px 2px -2px rgba(0,0,0,0.14) &.bottom top: 50% z-index: 1000 &.active height: 50%
ng-filtered-select &[ng-mobile] color: inherit
ng-filtered-select
display: block width: 100% overflow: hidden text-overflow: ellipsis outline: none
md-input-container
ng-filtered-select background-color: transparent input padding: 2px 2px 1px border-width: 0 0 1px line-height: 20px border-color: rgba(0,0,0,0.24) vertical-align: baseline background-color: transparent ng-filtered-select:not([ng-mobile]) input opacity: 0.5 &[disabled] input opacity: 1 color: rgba(0,0,0,0.26) !important background-position: 0 bottom background-size: 4px 1px background-repeat: repeat-x margin-bottom: -1px background-image: linear-gradient(to right, rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.26) 33%, transparent 0%) border-bottom-color: transparent span color: transparent !important
md-autocomplete
background: none md-autocomplete-wrap.md-whiteframe-z1 box-shadow: none button display: none
.autocomplete.menu
text-align: left &:empty display: none a overflow: hidden width: 100% text-overflow: ellipsis display: block line-height: 48px height: 48px font-size: 14px white-space: nowrap cursor: pointer &.active font-weight: bolder &:hover max-height: 30rem padding: 0.5rem opacity: 1 max-width: 100rem z-index: 10 max-height: 0 overflow-y: hidden overflow-x: hidden position: absolute background-color: white opacity: 0 border-radius: 0.25rem text-overflow: ellipsis transition: max-height 0.55s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.55s cubic-bezier(0.25, 0.8, 0.25, 1), padding 0.55s cubic-bezier(0.25, 0.8, 0.25, 1) padding: 0 max-width: 0 &.focused max-width: 100rem max-height: 30rem padding: 0.5rem opacity: 1
input.autocomplete:focus + div
max-width: 100rem max-height: 30rem padding: 0.5rem opacity: 1