Vertikaler Text in Top Navbar - Wie gehts?

[kleinklausi]

Hallo,
kann mir jemand sagen wie ich den gedrehten "vertikalen" Text in der Top-Navbar hinbekomme? Ich habe alles mögliche ausprobiert, leider ohne Erfolg.

Danke vielmals und Grüße
Moritz

Bild1.png

[peuter]

Das sind Text-Widgets mit einer custom Css-Class in der Navbar:

<text class="vertical"> <layout colspan="0"/> <label>EG</label> </text>

Damit das funktioniert muss man dann noch folgenden CSS Code in seine custom.css eintragen:

#navbarTop .navbar .widget.text.custom_vertical {
    position: relative;
    padding: 0;
    margin: 0;
    min-width: unset;
    min-height: unset;
    line-height: normal;
    font-size: 14px;
    width: 20px;
    height: 75px;
    background-color: rgba(129, 102, 75, 0.8);
    color: rgb(226, 212, 198);
}

@media only screen and (max-width: 480px) {
    #navbarTop .navbar .widget.text.custom_vertical {
        display: table;
    }
}

#navbarTop .navbar .widget.text.custom_vertical div {
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    text-align: center;
    transform: rotate(-90deg);
    white-space: nowrap;
}

Ist jetzt ohne zu testen aus der Demo-Config rauskopiert. Zum Nachlesen ist hier die Config die da benutzt wird:
https://github.com/CometVisu/CometVi...o_testmode.xml

Und das sind die speziellen Css-Regeln:
https://github.com/CometVisu/CometVi...a/testmode.css

[kleinklausi]

Perfekt, danke peuter!

Hatte mir die meisten Demo Configs angeschaut, aber das custom CSS in dieser hatte ich übersehen.