Skip to content

Commit

Permalink
fix(vouchers): ui-select on small screen
Browse files Browse the repository at this point in the history
This commit makes sure that the UI-select on the complex vouchers page
has plenty of room to select accounts via the css class
`ui-grid-ui-select` applied to the `ui-matches` element.

All other `ui-select` elements in grids can take advantage of this class
to display themselves better.

Closes #873.
  • Loading branch information
Jonathan Niles authored and sfount committed Dec 3, 2016
1 parent 7a49d91 commit 46b3bda
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 0 deletions.
5 changes: 5 additions & 0 deletions client/src/css/structure.css
Original file line number Diff line number Diff line change
Expand Up @@ -836,3 +836,8 @@ growl-notification.fading.ng-leave.ng-leave-active {
.progress-bar.ima-blue {
background-color : #085484;
}

/* properly deal with ui-selects inside ui-grids */
.ui-select-bootstrap > .ui-select-choices.ui-grid-ui-select {
width: initial;
}
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@
</ui-select-match>
<ui-select-choices
ui-select-focus-patch
class="ui-grid-ui-select"
ui-disable-choice="account.type_id === grid.appScope.bhConstants.accounts.TITLE"
repeat="account in grid.appScope.accounts | filter:$select.search">
<strong ng-bind-html="account.number | highlight:$select.search"></strong>
Expand Down

0 comments on commit 46b3bda

Please sign in to comment.