Kai Moritz [Mon, 13 Jan 2014 13:53:07 +0000 (14:53 +0100)]
CSS für Media-Queries in einer Datei zusammengefasst
Es ist performanter, wenn der Browser nur eine CSS-Datei für das Screen-Layout
laden muss. Zudem ermöglicht die Zusammenfassung die Verschachtelung von
@media-Ausdrücken, da diese dann von LESS aufgelöst werden können.
Kai Moritz [Sun, 22 Dec 2013 07:37:00 +0000 (08:37 +0100)]
Testseite für das Basis-Layout implementiert
Dafür die neue Tile "htmlhead" eingeführt, die als Vorgabe die
vollständige Einbindung von CSS-Styles und JavaScript inklusive
Media-Queries usw. enthält.
Kai Moritz [Thu, 12 Dec 2013 18:20:03 +0000 (19:20 +0100)]
Styling von google-code-prettify an das Branding angepasst
Dabei auch ein paar Kleinigkeiten an den typografischen Grundvorgaben
korrigiert:
* <pre> mit 1,5fachem Zeilenabstand sieht bescheiden aus.
* "line-height: 1.5em" war öfter definiert, als nötig (da es eh schon
für das Element <body> definiert war.
TODO:
Da das base.css als Media-Typ "screen" eingebunden wird, können die
speziellen Druck-Anpassungen des prettify-Stylings nicht greifen.
Da auch für das Branding ein angepasstes "print"-Styling definiert werden
sollte, wurde diese Anpassung aber aufgeschoben...
Kai Moritz [Mon, 9 Dec 2013 12:38:41 +0000 (13:38 +0100)]
Einfache Unterstützung für unterschiedliche Bildschirmgrößen aktiviert
Als erste grundsätzliche Unterstützung stark unterschiedlicher
Bildschirmgrößen wurde das Stadard-Layout für die Media-Klasse "screen" für
eine Größe der Anzeigefläche < 960px deaktiviert, so dass dann nur die
Styling-Anweisungen aus dem base-Layout angewendet werden.
Außerdem wurde das Standard-Layout künstlich auf eine maximale Breie von
1000px gestutzt. Bei einer größeren Anzeigefläche wird das Layout dann
jetzt vorerst in einer Breite von 1000px zentriert angezeigt.
Kai Moritz [Mon, 2 Dec 2013 21:13:06 +0000 (22:13 +0100)]
Auf lesscss umgestellt
Problem:
Die übersetzten CSS-Dateien stehen erst nach einem Build zur Verfügung, so
dass "mvn jett:run-war" für die Weiterentwicklung verwendet werden muss,
was den Entwicklungsprozess ausbremst.
Kai Moritz [Thu, 3 Oct 2013 10:23:52 +0000 (12:23 +0200)]
Layout: Browser zwingen, den vertikalen Scroll-Balken immer anzuzeigen
Ansonsten kommt es zu unschönen Ruckern, wenn man zwischen Seiten hin und
her wechselt, bei denen der gesamte Inhalt auf eine Bildschirmseite passt
bzw. nicht passt, weil die Marginalspalte weiter vom Fensterrand abrückt,
wenn der Browser den Scroll-Balken ergänzt.
Kai Moritz [Mon, 12 Aug 2013 21:11:32 +0000 (23:11 +0200)]
Base-Tag mit dem Context-Path als HREF eingefügt
Damit sollte die statische Verlinkung stets funktionieren, egal in welchem
Unterverzeichnis man sich befindet und somit insbesondere auch unabhängig
davon, ob die Webanwendung im Root-Kontext eingebunden ist, oder unter einem
speziellen Pfad.