jquery-notebook
jquery-notebook copied to clipboard
Design issue with bootstrap
There is a design issue with bootstrsap, check screnshot:
the buttons are not aligned, and are not on top of selected text.
for fix button alignment, I add:
.jquery-notebook.bubble button { margin-top:0 }
but not sure how to fix that buttons appear on top of selected text.
This is more likely an issue with the fact that css transforms are being used to place the bubble. If you checkout the stable branch of my fork, I re-designed the placement algorithm to better tolerate the edges of the page and to be more reliable. Sorry for the fork plug, but I have put in many PR's here to fix issues and none of them have been accepted.
Hi @tjsail33
Thanks for reply.
I try use your fork, but the issue are the similar (a bit different but similar):
If it still is of any help, .jquery-notebook.bubble button { margin-top: 0 !important; }
solves the problem.