Member Control Center not responsive?

[christine]

Hi,

ich denke, man müsste es auch so sehen können, ob es responsive ist oder nicht.
Bei Deinem screenshot geht es nur bis: Löschen.
Brauche nur einen Zugang zu einem (angelegten) UCP Menü für das Frontend.
Menüeintragstyp: Nutzer Kontrollzentrum > Zugriffsebene: Öffentlich

Liebe Grüße
Christine

[Wishpacker]

Hi Christine!

Menüeintragstyp: Nutzer Kontrollzentrum > Zugriffsebene: Öffentlich

Hab ich gemacht, aber wenn man darauf klickt wird man aufgefordert, sich einzuloggen. Ich habe einfach nur einen 2. UCP-Link erstellt mit der Zugriffsebene Öffentlich. Bestimmt muss ich in der Konfiguration von Phoca Gallery auch noch was andern und hoffen dass ich es am Ende wieder so hin bekomme, wie es war

[christine]

Hallo,

Hab ich gemacht, aber wenn man darauf klickt wird man aufgefordert, sich einzuloggen.

So soll es ja auch sein bzw. nur für registrierter User zugänglich sein. Also musst Du einen (neuen) User anlegen. Mir per PN bekannt geben.

Bei Optionen > Mitglieder > Mitglieder Kontrollzentrum aktivieren: Ja
Gehst das durch, was Du erlaubst oder nicht. Avatar z.B. nicht usw.

Liebe Grüße
Christine

[christine]

Hallo,

Nun denn, war im UCP und hab herum probiert

Normal (responsive) schaut es aus bei (471px Breite und weniger):
Benutzer / Hauptkategorie / Unterkategorien
Das Problem ist bei Klick auf: Bilder – View

Das Template hat so viele scss & bootstrap, dass da wohl so einige nicht zusammen spielen.

Probiere mal folgendes (in die custom.css)

entweder:

Code: Select all

#phocagallery-upload table {
display: inline-grid;
}

oder:

Code: Select all

@media only screen and (max-width: 1000px) {
#phocagallery-upload table {
display: inline-grid;
    }}

Ich hoffe, es hilft.



Liebe Grüße
Christine

[Wishpacker]

Warum sieht es bei mir anders aus als bei dir?

[christine]

Hallo,

wahrscheinlich, weil Du eine schmälere Ansicht hast. Kann Deine Abmessung nicht genau lesen. 300 irgendwas.
Mein screenshot ist 500.

Aber zumindest sieht man jetzt mehrere Spalten, als auf dem 1. Post. Da sieht man nur bis "Löschen"
Ich schaue noch mal auf die Seite .....

Liebe Grüße
Christine

[Benno]

@Christine,

Kann Deine Abmessung nicht genau lesen. 300 irgendwas.

393x873px


Liebe Grüße,
Benno

[christine]

Hallo Benno,

Jo, Danke schön

Hallo Wishpacker,

hab mich gerade ausgeloggt. Wie oben vermutet, bei so einer kleinen Größe von 393, krieg ich das nicht hin.
Wie ich schon sagte, sieht man jetzt mehrere Spalten. Und irgendwo erwähnt, dass Du viele scss -en hast.
Auch gecheckt, wegen der media queries (custom.css) wegen 2. schließender Klammer (ob auf richtiger Stelle ist).

Liebe Grüße
Christine

[Wishpacker]

Hallo Christine,

Ich habe den Entwickler meines Templates kontaktiert. Ihm ist aufgefallen, dass es bei Cassiopeia auch so ist.
Du hast nicht zufällig eine Idee, was wir nun versuchen könnten?

P.S. Funktioniert das mit dem Bilder posten jetzt eigentlich anders?

[christine]

Hallo,

Ich habe den Entwickler meines Templates kontaktiert. Ihm ist aufgefallen, dass es bei Cassiopeia auch so ist.
Du hast nicht zufällig eine Idee, was wir nun versuchen könnten?

Folgendes basiert auf dem Template Cassiopeia. Sollte aber auch wo anders funktionieren.

Es ist so, dass man generell für Tabellen Handy Ansicht einen bestimmten CSS Code bzw. HTML Code eingeben kann.
Dazu muss aber die "table ...." angesprochen werden.

Beispiel:
<div class="table-responsive">hier ist der Inhalt einer Tabelle</table></div>
Danach der CSS Code. .table-responsive {code}

Jetzt hat UCP schon html Codes für die Tabelle. Wäre dann so:

Code: Select all

.phTabsContainer#phTabId664710ea54c26ItemsubcategoriesContainer{
overflow-x: auto;
overflow-y: hidden;
width: 100%;
}

Das funktioniert auch, ABER: Bei jedem neuen Einstieg/Aufruf der UCP Seite ändert sich die Id Nummer!

Daher anders versucht & es passt (user.css in Cassiopeia - custom.css in anderen Templates):

Code: Select all

.phTabsContainer {
overflow-x: auto;
overflow-y: hidden;
width: 100%;
}

Dadurch kann man bei einem kleinen Display die Tabelle seitlich scrollen, indem man darüber wischt. So kommt man dann auch an die Spalten ganz rechts ran, die man sonst nicht sehen würde.



Ab ca. unter 419px erscheint obiger schmaler graue Balken.

(Bild mit imgur erstellt).

Liebe Grüße
Christine