editor-survey.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .editor-survey-toast {
  2. position: fixed;
  3. bottom: 12px;
  4. right: 12px;
  5. z-index: 1000;
  6. }
  7. .editor-survey-question-toast {
  8. .notification-icon {
  9. display: none;
  10. }
  11. }
  12. .editor-survey-question {
  13. display: flex;
  14. flex-direction: column;
  15. gap: 16px;
  16. font-size: var(--font-size-02);
  17. .btn {
  18. align-self: flex-end;
  19. }
  20. .form-group {
  21. margin-bottom: 0;
  22. }
  23. .form-check {
  24. display: flex;
  25. flex-direction: column-reverse;
  26. align-items: center;
  27. padding-left: 0;
  28. gap: 2px;
  29. }
  30. .form-check-input {
  31. margin: 4px;
  32. }
  33. }
  34. .editor-survey-question-top-line {
  35. display: flex;
  36. justify-content: space-between;
  37. align-items: center;
  38. .btn-ghost {
  39. --bs-btn-bg: transparent;
  40. margin-left: 8px;
  41. }
  42. }
  43. .editor-survey-question-label {
  44. font-weight: 600;
  45. margin-bottom: 8px;
  46. }
  47. .editor-survey-question-form {
  48. display: flex;
  49. }
  50. .editor-survey-question-options {
  51. display: flex;
  52. gap: 32px;
  53. margin: auto;
  54. }
  55. .editor-survey-option-labels {
  56. display: flex;
  57. justify-content: space-between;
  58. color: var(--content-secondary);
  59. margin-top: 4px;
  60. }