Thread "Dropdown-Menü wegen größerem Logo nach rechts verschieben / move drop-down menu right because of expanded logo"

Hallo zusammen,

ich habe anstelle des Ilias-Logos unser Logo in

Customizing/global/skin/skin-ukbw/Services/Init/templates/style-ukbw/tpl.startup-screen.html

und

Customizing/global/skin/skin-ukbw/Services/MainMenu/tpl.main_menu.html

sowie die Image-Größe von 50px x 50px auf 140px x 50 px in

Customizing/global/skin/skin-ukbw/style-ukbw.css

angepasst.

Leider überlagert das Dropdown-Menü ("Persönlicher Schreibtisch" u.s.w.) z.T. unser Logo.

--> wo kann ich die Horizontal-Position des Dropdown-Menüs anpassen, damit es erst weiter rechts, nach dem breiteren Logo, beginnt?

Vielen Dank!

Christoph.

---

Hello all,

I'd like to know where I can change the horzontal position of the dropdown-menu (beginning with "personal desktop"), since I've integrated an expanded custom logo.

TIA

Christoph.

Hallo Timon,

ich habe in der Datei "Customizing/global/skin/skin-ukbw/style-ukbw-variables.less" den Parameter "@il-logo-width:" von "50px" auf "140px;" gesetzt und mit "/usr/bin/lessc style-ukbw.less style-ukbw.css" (auf Debian Linux) kompiliert, nachdem ich den delos-Pfad von "./templates/default/delos" in "../../../../templates/default/delos" geändert habe.

Jedoch unterscheidet sich die style-ukbw.css nicht wirklich von meiner händisch manipulierten style-ukbw.css - und vor allem: es hat sich leider nichts an der Position der Menüs geändert ...

Kannst Du (oder sonst jemand hier im Ilias-Forum) mir den Weg zum Ziel näher beschreiben?

Merci!

Christoph.

Hallo Matthias,

super :->> - this did the trick!

Jetzt muss ich noch schauen, wo ich das in der style-ukbw-variables.less-Datei anpassen muss, damit es nicht verloren geht ...

Vielen lieben Dank!

Christoph.

Hallo Timon,

ich setze derzeit noch Ilias v5.2.6 2017-07-13 ein. Das Upgrade auf die v5.3.1 will ich demnächst versuchen ;-)

ich schaue mir die beigefügte Datei nachher an. Für's Erste kann ich mit Matthias' Lösung gut leben die style-ukbw.css direkt zu manipulieren ...

Vielen Dank auch Dir!

Christoph.

Hallo Christoph,

suche #ilTopNav .navbar-nav in den less oder der finalen css.

bei mir steht da aktuell folgendes

#ilTopNav .navbar-nav {
  float: left;
  margin-left: 5px;
}

nun kannst du hier das margin-left für dich anpassen. Aber jetzt kommts, du musst die verschiedenen Browser abfangen.

Sprich: Für Firefox, IE und Edge konnte ich das margin-left auf 5px lassen, es wird korrekt angezeigt. Für Chrome und Opera musste ich es aber auf 40px setzten, da ansonsten dein Problem auftritt.

Viel Glück beim anpassen der Skins, ist teils der Horror da die Browser sehr unterschiedlich CSS interpretieren ...

Gruß,

Patrick

Hallo Patrick,

vielen Dank für die Info. In meiner Konstellation (FF auf Debian GNU/Linux) musste ich den margin-left vergroessern, da mein Logo anstatt der 50px des Ilias-Logos 140px breit ist.

Im IE und FF unter Win7, sowie im Chromium unter Debian sieht es bei mir gleich aus. Ein Chrome unter Win7 muss ich mal nachher anschauen...

- wobei die unterschiedliche Darstellung kein originäres Ilias-problem ist, sonder die unterschiedliche Behandlung von CSS in den verschiedenen Browser-Engines. Da hatte ich frueher schon meine helle Freude damit ;-)

Merci!

Christoph.

Das Stimmt, da hatte ich mich wohl falsch ausgedrückt, die Ursache ist natürlich die interpretation der Browser und nicht die ILIAS CSS.

Ist wohl vom Satzbau nicht so rüber gekommen. Ich änder das mal ab, ebenso nehm ich den Chrome/Opera CSS Hack raus, der geht bei mir aktuell nur noch mit Chrome Canary.

Man kann ja aber die Sache umdrehen und Firefox, IE und Edge abfangen ;)

ich habe nun den entsprechenden Parameter in der Datei "templates/default/less/Services/MainMenu/delos.less" gefunden.

Mein Plan war nun: diese Datei nach "Customizing/global/skin/skin-ukbw/skin-ukbw-vars2.less" zu kopieren, alles was nicht  zu "#ilTopNav {" gehoert aus dieser kopierten Datei zu entferne, die Datei "style-ukbw.less" um die Zeile "

@import "style-ukbw-vars2.less";

" zu ergaenzen, damit ich bei einem erneuten lessc-Lauf diesen Parameter richtig gesetzt bekomme

Leider funktioniert das nicht.

Christoph.

P.S.: wie kann ein Thema im Ilias-Forum eigentlich auf "GELÖST / SOLVED" gesetzt werden?

Quote (Alix Mela (ILIAS_LM))

Quote (Christoph Haas (haasc))

P.S.: wie kann ein Thema im Ilias-Forum eigentlich auf "GELÖST / SOLVED" gesetzt werden?

 Threadtitel von ausserhalb des Threads übers Drop-down-Menü ändern.

Im Forum " Administration - Installation - Core" habe ich im Dropdown-Menu nur "Benachrichtigung für Thema starten", "Benachrichtigung für Thema beenden" und "Exportieren als HTML-Datei" zur Auswahl.
Innerhalb des Threads kann ich zwar den 1. Beitrag (der ja auch den Threadtitel erzeugt hat) ändern, nicht jedoch den Titel ...
Wo genau kann ich dennn den Threadtitel ändern?
Gruss
Christoph.