You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_dial-out.scss 1.1KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. /**
  2. * The dialog content element.
  3. */
  4. .dial-out-content {
  5. margin-top: 5px;
  6. /**
  7. * The style of the flag icon.
  8. */
  9. .dial-out-flag-icon {
  10. position: absolute;
  11. left: 5px;
  12. top: 10px;
  13. }
  14. /**
  15. * The style of the dial code element.
  16. */
  17. .dial-out-code {
  18. padding-left: 25px !important;
  19. }
  20. /**
  21. * The dial-out dialog error element.
  22. */
  23. .dial-out-error {
  24. color: $errorColor;
  25. }
  26. /**
  27. * The style of the dial input element.
  28. */
  29. .dial-out-input {
  30. padding-left: 70px;
  31. }
  32. /**
  33. * Re-styling the default dropdown inside the dial-out-content.
  34. */
  35. .dropdown {
  36. left: $formPadding;
  37. position: absolute !important;
  38. width: 65px
  39. }
  40. /**
  41. * Re-styling the default form-control inside the dial-out-content.
  42. */
  43. .form-control {
  44. padding-bottom: 8px !important;
  45. }
  46. .dropdown {
  47. display: inline-block;
  48. position: relative;
  49. overflow: hidden;
  50. }
  51. .dropdown-trigger-icon {
  52. position: absolute;
  53. right: 0;
  54. top: 4px;
  55. }
  56. }