Topic on Skin talk:Chameleon

VE toolbar disappears under the chameleon top banner

3 comments • 14:42, 27 April 2022 1 year ago

3

Revansx (talkcontribs)

Brand new install of:

MW 1.34.4
Bootstrap 4.5.0
Chameleon 3.3.0

and VE editor toolbar disappears under the chameleon top banner when scrolling down a long page in edit mode. Is Chameleon 3.3.0 tested with VE?

Thanks!

/Rich

Reply Edited 00:57, 15 September 2021 2 years ago

Revansx (talkcontribs)

Based on https://github.com/ProfessionalWiki/chameleon/issues/204 I was able to solve this problem by adding:

.ve-init-mw-desktopArticleTarget-toolbar {
    margin-top: -50px;
    padding-top: 50px;
}

.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
    top: 55px !important;
}

to Mediawiki:Chameleon.css

However, I am still curious how Chameleon can claim 1.35+ compatibility without VE compatibility (since parsoid/VE has been added to MW core in 1.35)

Reply 01:13, 15 September 2021 2 years ago

FunkyBeats99 (talkcontribs)

Another solution I found encountering the same issue is to hide the navbar when VE activates / is active / deactivates :

html.ve-activated .p-navbar, html.ve-deactivating .p-navbar {
    display:none;
}

(place this CSS in MediaWiki:Common.css or MediaWiki:Chameleon.css)

Reply Edited 14:42, 27 April 2022 1 year ago

Reply to "VE toolbar disappears under the chameleon top banner"