Previously hover toolbars reqiured a wrapper with the class sc-element and inside it a ...Toolbar, something like this:
<div class="sc-element">
@Edit.Toolbar(Content)
...
</div>
Usually there was a lot more HTML, but this is what caused the toolbar to float. To simplify the new way to do it is as follows:
<div @Edit.TagToolbar(content)>
...
</div>
To migrate into this, do this
- Find all
sc-element classes (they marked all floating toolbars)
- Within that HTML, find all
@Edit.Toolbar(...) or something.Toolbar and move it into the tag that has the sc-element, but use @Edit.TagToolbar(...)
- Remove the
sc-element class
- Test it