Breakpoints v6
Das neue Xobor v6 Template basiert auf dem Grid System von Bootstrap.
Will man z.B. per SCSS für verschiedene Endgeräte unterschiedliche Bildschirmausgaben erzeugen kann man dabei auf die so genannten Breakpoints zurückgreifen.
Breakpoints sind vorgegebene Bildschirmgrößen, an denen bestimmte CSS-Codes je nach Definition ausgeführt werden oder eben nicht.
Die Standard-Breakpoints im neuen Template sind:
$grid-breakpoints: (
xxxs: 0,
xxs: 320px,
xs: 568px,
sm: 667px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1600px,
xxxl: 1920px
);
Praxisbeispiel:
In der Foren-Übersicht gibt es 2 Spalten.
Spalte 1 hat die Klasse .forum_info und enthält Foreninfos und die Liste der Unterforen.
Spalte 2 hat die Klasse .forum_lastreply und enthält die Infos zum letzten Beitrag.
In der kleinsten Ansicht werden die Spalten untereinander angezeigt - beide Spalten haben also eine Breite von 100%.
Ab einer Auflösung von 668px werden die Spalten dann nebeneinander angezeigt. Die eine Spalte erhält dabei 8/12 der gesamten verfügbaren Breite, die andere 4/12 der gesamten Breite. Im SCSS schreibt man das dann so:
.forumlist .forum_lastreply{
@include media-breakpoint-up(sm) { //Wenn Bildschrimgroesse groesser als "sm"
@include make-col(4); // Gib dieser Spalte 4/12 des verfuegbaren Platzes
}
}
.forumlist .forum_info{
@include media-breakpoint-up(sm) {
@include make-col(8);
}
}
Um jetzt z.B. bei einer noch größeren Auflösung beide Spalten in gleicher Breite anzuzeigen könnte man folgendes im SCSS-Addon speichern:
.forumlist .forum_lastreply{
@include media-breakpoint-up(sm) { //Wenn Bildschrimgroesse groesser als "sm"
@include make-col(6); //Gib dieser Spalte 6/12 des verfuegbaren Platzes
}
}
.forumlist .forum_info{
@include media-breakpoint-up(sm) {
@include make-col(6);
}
}
Das gleiche geht natürlich auch in umgekehrter Richtung. Um z.B. auf allen Bildschirmen kleiner 668px Breite die Liste der Unterforen auszublenden könnte man Folgendes eintragen:
@include media-breakpoint-down(sm) {
.subforumlist{display:none;}
}
Weitere Infos dazu gibt es hier: https://getbootstrap.com/docs/4.3/layout/overview/#responsive-breakpoints
Login
Activity Feed
Gestern 19:12
sikookis hat das Thema Dateisuche in den Dateianhänger nur nach Dateinamen möglich? erstellt
Board-Nr.: 779879In den Dateianhängen kann man eine Suche starten. Diese scheint aber nur für Dateinamen zu funktionieren.Jeder Dateianhang hat jedoch auch einen Titel:[[File:Dateianhang.png|none|fullsize]]Die Dateinamen sind allesamt bei mir kryptisch. Nach dem Titel zu suchen wäre wesentlich besse...
Gestern 09:05
Meikel hat das Thema Gibt es ein Red-Flag-Plugin bzw. Scan-Plugin für automatische Verwarnungen? erstellt
Hallo Team!ich bin auf der Suche nach einem Plugin in für automatische Verwarnungen. Die Idee dahinter ist, wenn ein Forenmitglied Wörter benutzt, die laut den Forenregeln nicht gestattet sind, dann sollen diese automatisch zu einer Verwarnung führen beziehungsweise gelöscht werden. Eine andere Idee...
%usernames% hat sich bedankt!
%usernames% hat sich bedankt!
Wer ist Online?
8 Mitglieder und 17 Gäste sind OnlineBesucher Statistiken
25 Aktive User
8 Mitglieder und 17 Gäste sind Online:
Moby, nobody, Ingmar, Franz-Jupp, Mike48, sikookis, hans58, Gabriella
8 Mitglieder und 17 Gäste sind Online:
Moby, nobody, Ingmar, Franz-Jupp, Mike48, sikookis, hans58, Gabriella
Heute waren Online
balea, creator, Franz-Jupp, Gabriella, Gemshorn, Hajo22, hans58, Ingmar, Johannes, kacz, Katja23101971, Kipper-Spedition, Kräuterhexe, Lady of the light, Lobbo, m3ontour, Meikel, michaelschiller, Mike48, Moby, ms_fanie, Nico1981, nobody, Olaf, Remember MJ, Rika1, sikookis, Sternenfrau, stuppsi, TripleM, Wolfgang
balea, creator, Franz-Jupp, Gabriella, Gemshorn, Hajo22, hans58, Ingmar, Johannes, kacz, Katja23101971, Kipper-Spedition, Kräuterhexe, Lady of the light, Lobbo, m3ontour, Meikel, michaelschiller, Mike48, Moby, ms_fanie, Nico1981, nobody, Olaf, Remember MJ, Rika1, sikookis, Sternenfrau, stuppsi, TripleM, Wolfgang
Besucherrekord
1274 Benutzer gleichzeitig online (11.10.2019 18:19)
Besucherzähler
Heute waren 1365 Gäste und 31 Mitglieder, gestern 1646 Gäste und 39 Mitglieder online.
Statistiken
Themen | 41408 |
Beiträge | 302346 |
Mitglieder | 12.393 |
Forum empfehlen