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.

_prejoin.scss 1.4KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .prejoin {
  2. &-input-area {
  3. width: 100%;
  4. }
  5. &-checkbox-container {
  6. margin-bottom: 16px;
  7. width: 100%;
  8. text-align: center;
  9. }
  10. &-error {
  11. color: white;
  12. background-color: #E04757;
  13. border-radius: 6px;
  14. padding: 4px;
  15. box-sizing: border-box;
  16. margin-bottom: 16px;
  17. margin-top: -8px;
  18. font-size: 12px;
  19. text-align: center;
  20. width: 100%;
  21. }
  22. }
  23. .prejoin-preview {
  24. &-dropdown-btns {
  25. padding: 8px 0;
  26. width: calc(100% - 48px);
  27. }
  28. &-dropdown-btn {
  29. align-items: center;
  30. color: #1C2025;
  31. cursor: pointer;
  32. display: flex;
  33. height: 40px;
  34. font-size: 15px;
  35. line-height: 24px;
  36. padding: 0 16px;
  37. &:hover {
  38. background-color: #DAEBFA;
  39. }
  40. }
  41. &-dropdown-icon {
  42. display: inline-block;
  43. margin-right: 16px;
  44. & > svg {
  45. fill: #1C2025;
  46. }
  47. }
  48. &-dropdown-container {
  49. position: relative;
  50. width: 100%;
  51. /**
  52. * Override default InlineDialog behaviour, since it does not play nicely with relative widths
  53. */
  54. & > div:nth-child(2) {
  55. background: #fff;
  56. padding: 0;
  57. position: absolute !important;
  58. top: 48px !important;
  59. transform: none !important;
  60. width: 100%;
  61. }
  62. }
  63. }