#Adding "Tabber" Feature

17 messages · Page 1 of 1 (latest)

tulip pawn
#

I want to add the tabber feature to my wiki, but I don't know how. My wiki is still located at chronixii.miraheze.org. If you have any further questions or concerns, do not hesitate to ask.

#

Never mind, I think I found the solution. 😳

#

Never mind, I still need help. I was able to add the "Tabber" extensions, and while I am able to include text for the first tab, I cannot seem to do so for the second: https://chronixii.miraheze.org/wiki/Mira_Yukiko?oldid=2190

CHRONIXIIpedia

Mira Yukiko is the central protagonist of Yu-Gi-Oh! CHRONIXII. She is a resident of Alba Litora and an orphan under the care of Sister Golas. She is also chosen as the Wielder of Darkness, her assigned Iroa being Shai.

pearl ivy
#

seems to work

tulip pawn
#

Yeah, I added the necessary CSS to it earlier, but it probably hadn't taken effect yet. But what part of it should I remove so that it doesn't "fly over" when switching tabs? (Fancy as it is, it's a tad distracting.) This is all the code I included:

.tabber {
    /* tabber wrapper style */
}

.tabber > .wds-tab__content.wds-is-current {
    /* tabber visible content */
}

.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab {
    /* tabber tabs */
}

.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label {
    /* tabber tab labels */
}

.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:hover {
    /* tabber tabs when being hovered */
}

.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label:hover {
    /* tabber tab labels when being hovered */
}

.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:active {
    /* tabber tabs when being clicked */
}

.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label:active {
    /* tabber tab labels when being clicked */
}

.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current {
    /* selected tabber tab */
}

.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current:hover {
    /* selected tabber tab when being hovered */
}

.tabber > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current:active {
    /* selected tabber tab when being clicked */
}

.tabber > .wds-tabs__wrapper > .wds-tabs__arrow-right,
.tabber > .wds-tabs__wrapper > .wds-tabs__arrow-left {
    /* tabber arrows */
}
tulip pawn
#

When I switch between tabs, the tax underneath each new tab "flies in" from either the left or the right, and as neat as it is, I think it might be distracting and/or not needed for my wiki.

tulip pawn
desert fern
tulip pawn
#

I think I fixed that, but there's still a bit of an issue where the "edit" prompts are turned off whenever I do use the "tabber" feature, and I'm not sure how or if it can be fixed.

desert fern
#

Unfortunately I don't think there's an exact fix for that, it's probably done that way for some reason

tulip pawn
#

Okay. Well, thanks for your support.

desert fern
#

You're welcome, and enjoy Miraheze!

tulip pawn
#

I shall. Wish me luck!

tulip pawn
#

I know this is kinda unrelated to the topic at hand, but if I were to ask for assistance for my wiki in general (namely to keep its articles up-to-date and all that), which channel on this server should I go to? It's because I need assistance with keeping a good amount of my wiki's articles up-to-date with the story it's affiliated with, and I have to juggle wiki building with writing the story itself, along with real-life stuff such as work and community band involvement. 💀

frigid fable
mortal gulchBOT