The Deadlock Wiki

Module:MovementTabs: Difference between revisions

Browse history interactively
← Older edit

Kai (talk | contribs)

2 user groups
2,399 edits
undo
background image
No edit summary
 
(One intermediate revision by one other user not shown)
Line 8: Line 8:


     local current = mw.title.getCurrentTitle().fullText
     local current = mw.title.getCurrentTitle().fullText
     local rootPage = args[1] or current
     local rootPage = args[1] or current
     local lang_code = lang_module.get_lang_code()
     local lang_code = lang_module.get_lang_code()
     local lang_suffix = (lang_code ~= "en") and ("/" .. lang_code) or ""
     local lang_suffix = (lang_code ~= "en") and ("/" .. lang_code) or ""


Line 20: Line 17:
     end
     end


     local html = mw.html.create("div")
    -- Create outer container using your new CSS class
        :css{
     local html = mw.html.create("div"):addClass("hero-tabs")
            ["border-radius"]="8px",
            ["color"]="#FFF5E8",
            ["display"]="flex",
            ["flex-wrap"]="wrap",
            ["justify-content"]="center",
            ["gap"]="1em",
            ["font-family"]="Retail Demo, Radiance, sans-serif",
            ["text-transform"]="uppercase",
            ["font-weight"]="bold",
            ["font-size"]="15px",
            ["padding"]="0px"
        }


     for _, tab in ipairs(tabs) do
     for _, tab in ipairs(tabs) do
Line 46: Line 31:
         local active = current == pagePlain or current == pagePlain .. lang_suffix
         local active = current == pagePlain or current == pagePlain .. lang_suffix


         local div = html:tag("div")
         local div = html:tag("div"):addClass("hero-tab")
            :css{
                ["padding"]="4px 8px",
                ["cursor"]="pointer",
                ["border-radius"]=active and "4px 4px 0 0" or nil,
                ["background-color"]=active and "#FFF0D6" or nil
            }


         if active then
         if active then
             div:wikitext(string.format('[[:%s|<span style="color:#483728;">%s</span>]]', pageTarget, tab))
            div:addClass("hero-tab-active")
             div:wikitext(string.format('[[:%s|%s]]', pageTarget, tab))
         else
         else
             div:wikitext(string.format('[[:%s|<span style="color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black;">%s</span>]]', pageTarget, tab))
             div:wikitext(string.format('[[:%s|<span class="hero-tab-inactive">%s</span>]]', pageTarget, tab))
         end
         end
     end
     end
Retrieved from "https://deadlock.wiki/Module:MovementTabs"