Verwendung: Zugeklappte Navigation anzeigen, wenn es Unterpunkte gibt

Mathias's Avatar

Mathias

18 Feb, 2021 12:06 PM

Produkt: Tao Contao
Contao-Version: 4.10.7
Browser und Browserversionen: alle

Ich nutze die Haupt-Navigation im Sidebar.
Mit Stoplevel=1 sind die Unterpunkte nur sichtbar, wenn der betreffende Button der Navigation aktiv ist.
Geben Sie mir bitte einen Tipp, wie ich per CSS ein Symbol (RockSolid Icon) rechts neben der Beschriftung anzeige, wenn der betreffende Button der Haupt-Navigation nicht aktiv ist.

  1. Support Staff 1 Posted by RockSolid Theme... on 18 Feb, 2021 02:05 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Dafür können Sie z. B. folgenden CSS-Code in die Datei files/tao/css/custom.css einfügen:

    .left-navigation > ul > li:not(.submenu) > a:after,
    .left-navigation > ul > li:not(.submenu) > strong:after,
    .left-navigation > ul > li:not(.submenu) > span.trail:after,
    .left-navigation > ul > li:not(.submenu) > span.active:after,
    .left-navigation > ul > li:not(.submenu) > span.forward:after {
        content: "\e015";
        font: 100%/1 "RockSolid Icons";
        position: absolute;
        top: 8px;
        right: 8px;
    }
    
  2. 2 Posted by Mathias on 18 Feb, 2021 03:27 PM

    Mathias's Avatar

    Vielen Dank, das hat mir entscheidend weitergeholfen.
    Ich hab's noch etwas angepasst, um genau meinen gewünschten Effekt zu erreichen:

    /* Symbol bei Buttons mit Unterpunkten, in Seite muss CSS-Klasse "unternavi" gesetzt sein, wenn es Unterpunkte gibt */
    .left-navigation > ul > .unternavi > a:after,
    .left-navigation > ul > li.submenu > strong:after,
    .left-navigation > ul > li.submenu > span.trail:after,
    .left-navigation > ul > li.submenu > span.active:after,
    .left-navigation > ul > li.submenu > span.forward:after {
        content: "\e015";
        font: 100%/1 "RockSolid Icons";
        position: absolute;
        top: 8px;
        right: 8px;
    }
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac