You are here

admin.css in N1ED - Visual editor as CKEditor plugin with Bootstrap support 8.2

.n1ed-toolbar-auto {
  position: relative;
}

.n1ed-toolbar-auto__hover {
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 100%;
  height: calc(100% + 1px);
  cursor: pointer;
}

.n1ed-toolbar-auto__hover > span {
  display: none;
}

.n1ed-toolbar-auto__hover:hover {
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}

.n1ed-toolbar-auto__hover:hover > span {
  display: block;
  color: white;
}

.n1ed-ckeditor-row {
  padding: 2px 0 3px;
  border-radius: 3px;
}

.n1ed-toolbar-auto .ckeditor-toolbar-group {
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

/* Fix: Bootstrap defines this class so it causes drag icon in Paragraphs module form not fully visible */
.handle {
  box-sizing: content-box !important;
}

/* Fix: incorrect CKEditor width inside Paragraphs module form*/
.cke {
  width: inherit !important;
}

/* Fix: incorrect margin below CKEditor in Paragraphs module form */
.paragraphs-subform .form-type-textarea {
  margin-bottom: 0 !important;
}

File

css/admin.css
View source
  1. .n1ed-toolbar-auto {
  2. position: relative;
  3. }
  4. .n1ed-toolbar-auto__hover {
  5. position: absolute;
  6. left: 0;
  7. top: -1px;
  8. width: 100%;
  9. height: 100%;
  10. height: calc(100% + 1px);
  11. cursor: pointer;
  12. }
  13. .n1ed-toolbar-auto__hover > span {
  14. display: none;
  15. }
  16. .n1ed-toolbar-auto__hover:hover {
  17. background-color: rgba(0, 0, 0, 0.6);
  18. display: flex;
  19. align-items: center;
  20. justify-content: center;
  21. }
  22. .n1ed-toolbar-auto__hover:hover > span {
  23. display: block;
  24. color: white;
  25. }
  26. .n1ed-ckeditor-row {
  27. padding: 2px 0 3px;
  28. border-radius: 3px;
  29. }
  30. .n1ed-toolbar-auto .ckeditor-toolbar-group {
  31. padding: 0 !important;
  32. border: none !important;
  33. border-radius: 0 !important;
  34. }
  35. /* Fix: Bootstrap defines this class so it causes drag icon in Paragraphs module form not fully visible */
  36. .handle {
  37. box-sizing: content-box !important;
  38. }
  39. /* Fix: incorrect CKEditor width inside Paragraphs module form*/
  40. .cke {
  41. width: inherit !important;
  42. }
  43. /* Fix: incorrect margin below CKEditor in Paragraphs module form */
  44. .paragraphs-subform .form-type-textarea {
  45. margin-bottom: 0 !important;
  46. }