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.

_recording.scss 1.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. .recordingSpinner {
  2. vertical-align: top;
  3. }
  4. .recording-dialog {
  5. .authorization-panel {
  6. align-items: center;
  7. border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  8. display: flex;
  9. flex-direction: column;
  10. margin-bottom: 10px;
  11. padding-bottom: 10px;
  12. .dropbox-sign-in {
  13. background-color: #4285f4;
  14. border-radius: 2px;
  15. cursor: pointer;
  16. display: inline-flex;
  17. padding: 1px;
  18. margin: 10px 0px;
  19. .dropbox-logo {
  20. background-color: white;
  21. border-radius: 2px;
  22. display: inline-block;
  23. padding: 8px;
  24. height: 18px;
  25. }
  26. }
  27. .logged-in-pannel {
  28. padding: 10px;
  29. }
  30. }
  31. }
  32. .live-stream-dialog {
  33. /**
  34. * Set font-size to be consistent with Atlaskit FieldText.
  35. */
  36. font-size: 14px;
  37. .broadcast-dropdown,
  38. .broadcast-dropdown-trigger {
  39. text-align: left;
  40. }
  41. .form-footer {
  42. text-align: right;
  43. }
  44. .live-stream-cta {
  45. a {
  46. cursor: pointer;
  47. }
  48. }
  49. .google-api {
  50. margin-top: 10px;
  51. min-height: 36px;
  52. text-align: center;
  53. width: 100%;
  54. }
  55. .google-error {
  56. color: $errorColor;
  57. }
  58. .google-panel {
  59. align-items: center;
  60. border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  61. display: flex;
  62. flex-direction: column;
  63. padding-bottom: 10px;
  64. }
  65. .stream-key-form {
  66. .helper-link {
  67. display: inline-block;
  68. cursor: pointer;
  69. margin-top: 5px;
  70. }
  71. }
  72. }