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.

_invite.scss 2.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. /*
  2. * Sets the default cursor the remove password link. The link doesn't use
  3. * the href attribute, so we need to set the cursor manually.
  4. */
  5. #inviteDialogRemovePassword {
  6. cursor: hand;
  7. }
  8. .invite-dialog {
  9. .dial-in-numbers {
  10. .dial-in-numbers-conference-id {
  11. color: orange;
  12. margin-left: 3px;
  13. }
  14. /*
  15. * dial-in-numbers-copy styling is needed for the feature of copying
  16. * text to the clipboard. The styling keeps the element invisible
  17. * to the user but still programmatically selectable for copying.
  18. */
  19. .dial-in-numbers-copy {
  20. opacity: 0;
  21. pointer-events: none;
  22. position: fixed;
  23. -webkit-user-select: text;
  24. user-select: text;
  25. }
  26. .dial-in-numbers-trigger {
  27. position: relative;
  28. width: 100%;
  29. .dial-in-numbers-trigger-icon {
  30. position: absolute;
  31. right: 10px;
  32. top: 4px;
  33. }
  34. }
  35. .is-disabled,
  36. .is-loading {
  37. .dial-in-numbers-trigger-icon {
  38. display: none;
  39. }
  40. }
  41. }
  42. .form-control {
  43. padding: 0;
  44. &__container {
  45. /**
  46. * Ensure contents display in a line and vertically centered.
  47. */
  48. align-items: center;
  49. button {
  50. font-size: $modalButtonFontSize;
  51. }
  52. }
  53. &__input-container {
  54. flex: 1;
  55. margin-right: 10px;
  56. }
  57. }
  58. .inviteLink {
  59. color: $readOnlyInputColor;
  60. }
  61. .lock-state {
  62. display: flex;
  63. }
  64. .password-overview {
  65. margin-top: 10px;
  66. .form-control {
  67. margin-top: 10px;
  68. }
  69. .password-overview-status,
  70. .remove-password {
  71. display: flex;
  72. justify-content: space-between;
  73. }
  74. .password-overview-toggle-edit,
  75. .remove-password-link {
  76. cursor: pointer;
  77. text-decoration: none;
  78. }
  79. .remove-password {
  80. margin-top: 15px;
  81. }
  82. }
  83. .remove-password-current {
  84. color: $inputControlEmColor;
  85. }
  86. }