Improve re-usability of Editor Lite
What does this MR do?
This MR improves re-usability of the Editor Lite Vue component by removing the expectation of a certain HTML hierarchy on the page in order for the style to work properly. The problem has been identified while implementing the component for CI linting Vue application
Screenshots
NOTE: At the moment only Snippet form is using the Editor Lite as a Vue component so the table below makes sure that both the Vue component and vanilla Editor Lite (implemented without Vue) are still looking exactly the same after this MR.
Before | After | |
---|---|---|
Blob edit | ![]() |
![]() |
Snippet edit | ![]() |
![]() |
CI lint | ![]() |
![]() |
Does this MR meet the acceptance criteria?
Conformity
-
Changelog entry -
Documentation (if required) -
Code review guidelines -
Merge request performance guidelines -
Style guides -
Database guides -
Separation of EE specific content
Availability and Testing
-
Review and add/update tests for this feature/bug. Consider all test levels. See the Test Planning Process. -
Tested in all supported browsers -
Informed Infrastructure department of a default or new setting change, if applicable per definition of done
Edited by Denys Mishunov