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.cssView source
- .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;
- }