[BUG] HTML output doesn't work well in mobile

[jimlyas]

Describe the bug
When opened from mobile devices, the page have features like when opened through desktop.

The other thing is it doesn't have toggle to switch between light and dark theme like desktop when opened with mobile.

Expected behaviour
The page doesn't have dark/light theme switches, and the menu just plain white

Screenshots

To Reproduce
Just build your applicatioin using dokkaHtmlMultiModule and display it with mobile devices

Dokka configuration
Configuration of dokka used to reproduce the bug

tasks.withType(DokkaMultiModuleTask::class.java).configureEach {
        moduleName.set("DevBase")
        outputDirectory.set(file("$rootDir/docs/src/reference"))
        pluginConfiguration<DokkaBase, DokkaBaseConfiguration> {
            footerMessage = "© 2021 Telkom DEV"
            customAssets = listOf(file("logo-icon.svg"))
        }
}

Installation

• Operating system: Windows
• Build tool: Gradle v7.0.2
• Dokka version: 1.6.10

Additional context
Please support GFM format too, I see many improvement in HTML format but not in GFM. Thanks

Are you willing to provide a PR?
No.

[robstoll]

workaround for menu on mobile:

/* fix for dokka, wrong colors in dark-mode */
@media screen and (max-width: 759px) {
    :root.theme-dark #container #leftColumn {
        background: var(--background-color);
    }
    :root.theme-dark #leftToggler {
        color: var(--default-font-color);
    }
}

[IgnatBeresnev]

The problem with the menu is fixed in #2836, and it's going to be released in 1.9.0

I've created a separate issue for the missing theme switcher button: #3000

[IgnatBeresnev]

The issue has been fixed, and it will be released in 1.9.0 🎉