[Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem

URL-Adresse des Forums: https://www.fantasy-schreibforum.com/forum
Rang/Funktion im Forum:Admin
Forenversion:Invision
Browser:Firefox
Persönliches CSS(Ja/Nein):ja
Templateänderungen(Ja/Nein):ja

Ich habe zwei Fragen...wenn ich für die zweite lieber ein Extra Thema aufmachen soll, dann bitte sagen.

1.
Einmal eine wahrscheinlich leichtere und sicher lösbare Frage:
Und zwar haben wir ja unsere Forenstruktur schmaler gemacht, auf 60%, weil das die Textarbeit für viele User erleichtert.
Es zeigt sich aber, dass man den Editor, in dem mal seine Beiträge tippt, über den Forenstrukturrand hinausziehen kann.
Danach hat man das Problem, dass man den aber nicht mehr erwischt, um den wieder reinzuziehen.
Die Scrollbar im Editor verschwindet dann natürlich auch außerhalb der body Struktur und je nach Bildschirmgröße ein paar Buttons.
Kann man dem Editor via CSS sagen, dass man ihn nicht über den Forenstrukturrand (Body) nach rechts rausziehen darf?
Die gelbe Markierung bitte ignorieren, die war von einem User für das Signaturthema.


2.
In der klassischen Version im Browser ist die Schriftgröße größer, als bei der klassische Version, die man auf dem Smartphone sieht.
Ja, man könnte in die mobile Version wechseln, in der mobilen Version sind aber viele Funktionalitäten einfach nicht vorhanden, weshalb ich die z.B. nicht mag.
Man sieht die unterschiedliche Schriftgröße sehr gut, wenn man die mal mit der Textgröße der Signaturen vergleicht.
Im Browser ist der Text gleich groß, vielleicht sogar 1px größer, als der Text in der Signatur. In der klassischen Version auf dem Smartphone ist der Text deutlich kleiner, als der Signaturstext (Beiträge von User "Alastor" können zum Vergleichen angeschaut werden).
Was wir an den Schriftgrößen modifiziert haben ist folgendes:
1. Schriftgröße (Schriftgröße der Hauptschrift) : 15px

Code:

/* Kategorieüberschrift Textgröße */
div.maintitle h2 {
      font-size: 16px !important;
     }
/*Userfeld neben dem Beitrag Textgröße */
.postprofile-details {
      font-size: 15px !important;
     }
/*Forenüberschriften in Kategorien Textgröße */
a.forumtitle {
      font-size: 16px !important;
     }

/*Navigationsmenü Textgröße */
a.mainmenu {
    color: #1C1212 !important;
    font-size: 14px;
    font-family: Arial,Verdana,Tahoma,sans-serif;
}
/*---Beitrag Schriftgröße---*/
.post-entry {
    font-size: 17px;
   font-family: CourierNew,Calibri,Arial,Verdana,Tahoma,sans-serif;
}

Ich weiß schon mal, dass das Smartphone CourierNew und Calibri nicht nutzt, sondern direkt auf Arial greift.
Calibri ist jedoch vom optischen Erscheinungsbild eine kleinere Schrift (im Vergleich zu Arial), d.h. eigentlich müsste die Schrift auf dem Smartphone dann größer sein, und nicht kleiner. Ich kann mir nur vorstellen, dass die klassische Variante beim Smartphone auch nur die Größe von 1. Schriftgröße (Schriftgröße der Hauptschrift) : 15px nutzt.
Testweise habe ich diese Einstellung mal auf 20px hochgedreht. Es vergrößert tatsächlich ganz leicht (kaum spürbar) die Schriftgröße, vor allem erweitert es aber die Zeilenabstände. So oder so, bleibt die Schrift aber immer kleiner als die der Signatur. Die Signatur (von Alastor) hat im grünen Text die Schriftgröße nicht verändert, sondern die Standardgröße.
Wie schaffe ich es via CSS die "klassische Version im Smartphone" anzusprechen, sodass nur die Schriftgröße im Beitrag angesprochen wird. Das ".post-entry" hat wohl nur einen Einfluss auf die Browser Version.

Vielen Dank!

Hallo

Können Sie die Informationen zum Testkonto, die Sie mir gesendet haben, noch einmal überprüfen? Ich kann mich nicht anmelden, um das Problem zu sehen
Sie haben einen ungültigen oder inaktivierten Benutzernamen oder ein ungültiges Passwort eingegeben.

danke für die PN
Probieren wir diese Codes für jedes Problem aus

1.

Code:

div.sceditor-container.ltr.sourceMode {
    width: 100% !important;
}
textarea {
    width: 100% !important; }


2.

Code:

div.post-entry { 
  font-size: 15px; !important; }
i  { 
  font-size: 15px; !important; }
span  { 
    font-size: 15px; !important; }

Vielen Dank für die Vorschläge!

1. Leider spricht er nicht an. Habe auch mal an den %ten gespielt und bin bis 50% runtergegangen, aber es hat sich leider nichts getan.
Hab mal geschaut wieviel er eigentlich vom Editor schluckt. Es ist wohl der Bereich, der von diesen Schrägstrichen in der Ecke eingenommen wird (also die Stelle, an der man die Fenstergröße ziehen kann. Diese Striche verschwinden und damit auch die Scrollbar. Buttons verschwinden nur, wenn das Fenster auch noch von der Höhe schmaler macht.
Aber das fehlen der Scrollbar, wenn sie es mal ausversehen rausgezogen haben, dürfte einige User schon überfordern

2. Dort wird die Schrift im Userpanel (neben den Textbeiträgen) und die Schrift in der Forenspalte "Neuste Beiträge" angesteuert, aber auch nur im Browser, nicht in der klassischen Version im Smartphone. Auf die Texte in den Beiträgen hatte es keinen Einfluss.

Für Problem Nr. 1 schlage ich vor, dass Sie die Bildlaufposition vertikal und nicht horizontal verwenden, da dies das normale Verhalten ist, wenn Sie die Breite verringern, und es nicht mit CSS-Codes geändert werden kann
auf diese Weise wird es nicht verschwinden

Können Sie für Ausgabe Nummer 2 einige Bildbeispiele angeben?
zu mir von
Bei der responsiven Desktop-Version und bei der iPhone 12-Desktop-Version ist die Signatur beispielsweise gleich groß

Hi,
Bin grad unterwegs, daher nur eine kurze Rückmeldung wegen der Schriftgröße.
Das ist korrekt und richtig, die Signatur ist immer gleich groß.
Aber der Beitragstext (also das über Signatur) ist in der Browser Ansicht größer, als in der klassischen Smartphone Version. Die Signatur hab ich nur erwähnt als Vergleichspunkt.
Aber dazu kann ich auch gern nochmal einen Screenshot nachher erstellen.

Wegen der Punkt1: ich hab keine Ahnung was ich da jetzt für die User im Adminbereich einstellen soll, damit sie das Problem mit der verschwindenden Scrollleiste nicht mehr haben.

Vielen Dank für die Checks.

Wegen der Punkt1: ich hab keine Ahnung was ich da jetzt für die User im Adminbereich einstellen soll, damit sie das Problem mit der verschwindenden Scrollleiste nicht mehr haben.

Es gibt keine Einstellung dazu
Sie können einen Thread eröffnen und dort einige Tipps posten, wie die Mitglieder im Forum navigieren oder es nutzen können

Mit diesem Code können Sie die Option auch vollständig ausblenden



Die Bildlaufleiste bleibt unverändert

Code:


div.sceditor-grip {
    display: none; }


Alastor schrieb:Hi,
Bin grad unterwegs, daher nur eine kurze Rückmeldung wegen der Schriftgröße.
Das ist korrekt und richtig, die Signatur ist immer gleich groß.
Aber der Beitragstext (also das über Signatur) ist in der Browser Ansicht größer, als in der klassischen Smartphone Version. Die Signatur hab ich nur erwähnt als Vergleichspunkt.
Aber dazu kann ich auch gern nochmal einen Screenshot nachher erstellen.

Auf meinem iPhone 14 Pro und iPad mit Chrome und Safari ist der Text derselbe, den ich auf meinem Laptop sehe
Auch wenn ich den Text überprüfe, kann ich bestätigen, dass der Code für den Text auf beiden Geräten derselbe ist

Enschuldige bitte, es hat etwas gedauert, bis ich dazu gekommen bin.

Zur besseren Sichtbarkeit hatte ich den Text einmal auf 23px hochgedreht. Der Signaturstext wird vom Befehl post-entry nicht beeinflusst (was auch so soll, also alles ok) und den habe ich wie erwähnt als Vergleichspunkt jeweils mit im Screen.

Schriftart Prio:  Calibri,Arial,Verdana,Tahoma
Selbst wenn Iphone im Safari kein Calibri benutzt, so wird er auf jeden Fall Arial verwenden. Calibri ist eine kleinere Schriftart als Arial

Browser - Schriftart Calibri


Smartphone iPhone 14, Safari - Schriftart Calibri oder Arial (wahrscheinlich eher Arial)


Wie man allein am optischen Eindruck sieht: Die Schrift im Browser ist größer, als in der Signatur. Im Smartphone ist die Beitragsschrift kleiner, maximal gleich groß wie die Signatur.
Wenn das Smartphone wirklich Arial benutzt und der Browser Calibri, müsste der Text im Smartphone nochmal deutlich größer sein, als im Browser, daher macht es gar keinen Sinn, dass die Schriftart im Smartphone sich zwar bei einer px Änderung via post-entry vergrößert, dies aber lediglich nur marginal im Vergleich zum Browsertext.




Zu dem Verschwinden der Scrollleiste:
Wenn die Lösung sein soll, dass man das Fenster einfach nur nach unten zieht: Ja, das ist korrekt, kann man so machen. Aber ich habe viele User, die schon mit zitieren überfordert sind. Die schieben halt mal am Fenster rum, dann ist ein Button weg oder die Scrollleiste und sie schreien nach Hilfe.
Viel einfacher wäre es, wenn man dem Textfenster halt einfach sagen kann: Nicht weiter raus, als der Forenrand. Ich weiß nicht, wieso sich das Beitragsfenster der eingestellten Forenbreite widersetzt.

Wenn ich mir die Elemente der mobilen und der Desktop-Version ansehe, ist der Text derselbe

Guten Abend

der Code für das Editor funktioniert rein theoretisch, denn er nimmt komplett die Funktion des Feldes weg es in der Größe verändern zu können.
Das ist allerdings für mich auch keine Option.


Bezüglich der Textgröße:
Die angezeigte Größe mag ja bei Ihnen die gleiche sein, aber man sieht an den Screenshots, die ich gepostet habe ja wohl sehr eindeutig, dass die eine Schriftgröße im Vergleich zur Signatur sehr viel größer ist, als die andere. Von daher ist da irgendwas quer.

Alastor schrieb:Guten Abend

der Code für das Editor funktioniert rein theoretisch, denn er nimmt komplett die Funktion des Feldes weg es in der Größe verändern zu können.
Das ist allerdings für mich auch keine Option.

So funktioniert unser System
Sie können es deaktivieren, indem Sie es entfernen. Auf diese Weise bleibt das Editorfenster mit der Bildlaufleiste fixiert, sodass es für alle Breiten und Bildschirmauflösungen funktionsfähig bleibt