_modal.scss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. #conversejs {
  2. #converse-modals {
  3. .modal {
  4. background-color: rgba(0, 0, 0, 0.4);
  5. .modal-body {
  6. overflow-y: auto;
  7. max-height: 75vh;
  8. margin-bottom: 2em;
  9. p {
  10. padding: 0.25rem 0;
  11. }
  12. .confirm {
  13. .form-group {
  14. p:first-child {
  15. font-size: 110%;
  16. font-weight: bold;
  17. }
  18. }
  19. }
  20. &.fit-content {
  21. box-sizing: content-box;
  22. img {
  23. max-width: 90vw;
  24. }
  25. }
  26. }
  27. .modal-footer {
  28. justify-content: flex-start;
  29. }
  30. .roomid-policy-error {
  31. color: var(--error-color);
  32. font-size: var(--font-size-small);
  33. float: right;
  34. }
  35. }
  36. .scrollable-container {
  37. max-height: 45vh;
  38. overflow-y: auto;
  39. }
  40. .role-form, .affiliation-form {
  41. padding: 2em 0 1em 0;
  42. }
  43. .set-xmpp-status {
  44. margin: 1em;
  45. .custom-control-label {
  46. padding-top: 0.25em;
  47. }
  48. }
  49. #omemo-tabpanel {
  50. margin-top: 1em;
  51. }
  52. .btn {
  53. font-weight: normal;
  54. }
  55. #user-profile-modal {
  56. .profile-form {
  57. label {
  58. font-weight: bold;
  59. }
  60. }
  61. .fingerprint-removal {
  62. label {
  63. display: flex;
  64. padding: 0.75rem 1.25rem;
  65. }
  66. }
  67. .list-group-item {
  68. display: flex;
  69. justify-content: left;
  70. font-size: 95%;
  71. input[type="checkbox"] {
  72. margin-right: 1em;
  73. }
  74. }
  75. }
  76. .fingerprints {
  77. width: 100%;
  78. margin-bottom: 1em;
  79. }
  80. .fingerprint-trust {
  81. display: flex;
  82. justify-content: space-between;
  83. font-size: 95%;
  84. .fingerprint {
  85. margin-left: 1em;
  86. }
  87. }
  88. }
  89. }