select.scss 1.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. @import "../../themes/ionic.globals";
  2. // Select
  3. // --------------------------------------------------
  4. /// @prop - Margin top of the select popover list
  5. $select-popover-list-margin-top: -1px !default;
  6. // deprecated
  7. $select-popover-list-margin-right: 0 !default;
  8. /// @prop - Margin end of the select popover list
  9. $select-popover-list-margin-end: $select-popover-list-margin-right !default;
  10. /// @prop - Margin bottom of the select popover list
  11. $select-popover-list-margin-bottom: -1px !default;
  12. // deprecated
  13. $select-popover-list-margin-left: 0 !default;
  14. /// @prop - Margin start of the select popover list
  15. $select-popover-list-margin-start: $select-popover-list-margin-left !default;
  16. ion-select {
  17. display: flex;
  18. overflow: hidden;
  19. max-width: 45%;
  20. }
  21. .select-text {
  22. overflow: hidden;
  23. flex: 1;
  24. min-width: 16px;
  25. font-size: inherit;
  26. text-overflow: ellipsis;
  27. white-space: nowrap;
  28. }
  29. .item-multiple-inputs ion-select {
  30. position: relative;
  31. }
  32. .select-disabled,
  33. .item-select-disabled ion-label {
  34. opacity: .4;
  35. pointer-events: none;
  36. }
  37. .select-popover ion-list {
  38. @include margin($select-popover-list-margin-top, $select-popover-list-margin-end, $select-popover-list-margin-bottom, $select-popover-list-margin-start);
  39. }