sidebar-right, Modulposition responsiv

derkps · 8. Februar 2023

Hallo,

ich befasse mich nochmal mit dieser Seite https://www.muster.derkps.de/

Die sidebar-right ist in Cassiopeia user.css wie folgt definiert

Code

@media (min-width: 1024px) {
.grid-child.container-sidebar-right {
position: relative;
background: #ffff00; /*none;*/ /*Zur Entwicklungszeit sehe ich wo ich  bin!*/
}
.grid-child.container-sidebar-right > div {
/*position: relative; top: -75px; right: 10px; z-index: 0;*/
/*position: fixed; top: 300px; right: 10px; z-index:10;*/
/*position: sticky;  position: -webkit-sticky; top: 300px; right: 0px; z-index: 10;*/
}
}

Alles anzeigen

Die sidebar-right folgt der Einstellung min-width (<1024px) und ist mit #ffff00 überhaupt sichtbar.

Der Position sidebar-right ist ein Modul zugeordnet und in JCE mit CSS-Klasse Modul .aside in der user.css beschrieben.

Code

.aside {
border: solid; /*none;*/
border-color: #e68a00;
background-color: rgba(230, 138, 0, 0.3); /*#ffff00;*/  /*#d3d3d3;*/
margin: 0 auto 0 auto;
padding: 0 5px 0 5px;
width: auto;  /*Modulstil: nocard*/
height: 250px;
overflow-y: scroll;
}

Nun irritiert mich, dass dieses Modul bezüglich @media (min-width: 1024px) ganz eigene Vorstellungen hat und mit F12/Abmessungen: Responsiv (Chrome) erst später den 'Aufenthaltsort' wechselt (<992px).
Das Problem tritt in .grid-child.container-sidebar-right > div bei allen 4(3) positionen : ... auf

Warum? Das verstehe ich wieder nicht!

vG

christine2 · 8. Februar 2023

Zitat von ycsh

Die sidebar-right folgt der Einstellung min-width (<1024px) und ist mit #ffff00 überhaupt sichtbar.

Nun irritiert mich, dass dieses Modul bezüglich @media (min-width: 1024px) ganz eigene Vorstellungen hat und mit F12/Abmessungen: Responsiv (Chrome) erst später den 'Aufenthaltsort' wechselt (<992px).

Da mir das mit den Breakpoints bekannt vorkam, fiel mir dieser Thread ein:

Thema

Burgersymbol erscheint zu spät

Bislang wurde ab 992px das Burgelsymbol eingeblendet und das Hauptmenü verschwand.

forum.joomla.de/core/attachment/11809/

Mit dem Update auf 4.1.3 wird das Hauptmenü nach wie vor bei 992px ausgeblendet, aber es erscheint dieses Menü

forum.joomla.de/core/attachment/11810/

Das verschwindet erst bei 769px und erst dann wird auch das Burgersymbol angezeigt.

Ursache? Lösung?

hrybak

24. Mai 2022

Da ging es zwar um den Hamburger, aber auch um obige @media Angaben.

Habe dort jetzt deswegen am Ende des Threads eine Info abgegeben. https://github.com/joomla/joomla-cms/issues/39645 (und die anderen Issues). Geht da zwar nicht um die sidebar-right, aber generell.

Liebe Grüße

Christine

derkps · 10. Februar 2023

ok, viel Info zum Breakpoint.
Das wirft bei mir eine beiläufige Frage auf:

Halte ich mich mit eigenen Umbrüchen @media (min-width: ... an die vordefinierten Werte oder setze sie so, wie ich es mit F12/Abmessungen: Responsiv gefunden habe?

Zurück zu meiner Eingangsfragestellung: Warum hat das Modul auf Position sidebar-right einen eigenen Breakpoint, der sich vom dem der sidebar-right unterscheidet?
In der Breakpoint-Hysterese führt das zu unplausiblen Darstellungen.

vG

Tags