editor.quill.css 1023 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .bx-form-input-html-quill{
  2. z-index: 1;
  3. }
  4. .ql-picker-options{
  5. z-index: 2 !important;
  6. }
  7. .ql-toolbar{
  8. border-radius: 0.3rem 0.3rem 0 0;
  9. }
  10. .ql-container.ql-snow{
  11. border-radius: 0 0 0.3rem 0.3rem;
  12. }
  13. .ql-mention-list li{
  14. padding: 0.5rem;
  15. min-width: 200px;
  16. }
  17. .ql-mention-list li:hover{
  18. cursor: pointer;
  19. }
  20. .ql-editor.prose{
  21. max-width: none;
  22. }
  23. .dark .ql-toolbar.ql-snow{
  24. border-color: rgb(55 65 81);
  25. background-color: rgb(55 65 81);
  26. }
  27. .dark .ql-snow .ql-stroke{
  28. stroke: rgb(209, 213, 219);
  29. }
  30. .dark .ql-snow .ql-fill,
  31. .dark .ql-snow .ql-stroke.ql-fill{
  32. fill: rgb(209, 213, 219);
  33. }
  34. .dark .ql-snow .ql-picker-label{
  35. color: rgb(209, 213, 219);
  36. }
  37. .dark .ql-picker-options{
  38. background-color: rgb(31 41 55);
  39. }
  40. .dark .ql-picker-options .ql-picker-item{
  41. color: rgb(209, 213, 219);
  42. }
  43. .ql-editor.prose ol li::marker {
  44. display: none;
  45. content:'';
  46. }
  47. .bx-form-input-html-quill-code{
  48. width: 500px !important;
  49. max-width: 100%;
  50. height: 400px;
  51. margin-right: 0px;
  52. }