editor.quill.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  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.bx-def-vanilla-html{
  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.bx-def-vanilla-html 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. }
  53. .ql-editor ol li:not(.ql-direction-rtl),
  54. .ql-editor ul li:not(.ql-direction-rtl){
  55. padding-left: 0.375em !important;
  56. }