und ja, ab und zu muss es leider sein....
Kann ich den internen Editor dazu bringen, sich auf dem Smartphone benutzerfreundlicher zu verhalten ?
siehe Screenshot.
geht natürlich ... kannst du css?
ja, das geht.
Da klingelt auch etwas im Hinterkopf, muss mich mal dranmachen.
also ...
maßgeblich ist das Attribut stylesheetPrefix der genutzten FHEMWeb-Instanz:
stylesheetPrefix
prefix for the files style.css, svg_style.css and svg_defs.svg. If the file with the prefix is missing, the default file (without prefix) will be used. These files have to be placed into the FHEM directory, and can be selected directly from the "Select style" FHEMWEB menu entry. Example:
attr WEB stylesheetPrefix dark
Referenced files:
darksvg_defs.svg
darksvg_style.css
darkstyle.css
Note:if the argument contains the string smallscreen or touchpad, then FHEMWEB will optimize the layout/access for small screen size (i.e. smartphones) or touchpad devices (i.e. tablets)
The default configuration installs 3 FHEMWEB instances: port 8083 for desktop browsers, port 8084 for smallscreen, and 8085 for touchpad.
If touchpad or smallscreen is specified, then WebApp support is activated: After viewing the site on the iPhone or iPad in Safari, you can add a link to the home-screen to get full-screen support. Links are rendered differently in this mode to avoid switching back to the "normal" browser.
Bei mir ist das attribut auf "dark" gesetzt.
Die betreffende darkstyle.css findest du unter
/opt/fhem/www/pgm2/
Du kannst dort entsprechend ändern.
Da du vermutlich codemirror benutzt müsstest du folgendes in der css-Datei einfügen.
.CodeMirror {width:100% !important;}
Das ist aber kein schöner Weg, dieses !important ist eher die Brechstange. Diese Änderung ist begrenzt aber die Breite des Elements auf die Breite des umgebenden Elements. Wenn dich das stört, kannst du mal gucken ob die media-queries nutzen kannst: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Bei mir hat's aber nicht funktioniert, hab aber keine Lust das jetzt weiter zu untersuchen.
Viele Grüße
Andreas
PS: nach einer Änderung der CSS-Dateien musst du den Cache für mindestens für deine Seite leeren. Bei Desktop-Browsern kann man den reload mit STRG+F5 erzwingen, bei mobilen Browsern geht das leider nicht.