Update vom 05.05.2014 - fehlerhaft !?

[Tom111]

Beim heutigem Update ist wohl was schief gelaufen, fast alle .css-Dateien sind so gut wie leer !

[rudolfkoenig]

So generisch stimmt das nicht, wie ein update es von gerade eben zeigt.
Volle Festplatte?

[Tom111]

hier mal die style.css von heute :

Code Auswählen Erweitern

@import url("defaultCommon.css");

body     { font-size:16px;}
#logo    { margin-top:10px; margin-left:20px; width:120px; height:132px;
           background-image:url(../images/default/fhemicon.png); }
#menu    { margin-top:10px; margin-left:20px; width:140px; }
#hdr     { position:absolute; top:10px; left:180px; }
#content { position:absolute; top:50px; left:180px; bottom:20px; right:10px; }
#menuScrollArea { width: 175px; left:0px; top:0px; height:100%;
                  position:fixed; overflow-x:hidden; overflow-y:auto; }

div.dist { padding-top:0.3em; }
button.dist { margin:10px; background:transparent; border:0px; cursor:pointer; }




und diese vom 03.05.2014

Code Auswählen Erweitern

@import url("dashboard_style.css");

body     { background-color: #FFFFE7;
           font-family:Arial, sans-serif; font-size:16px;}
input    { font-family:Arial, sans-serif; font-size:16px; }
select   { font-family:Arial, sans-serif; font-size:16px; }

#logo    { margin-top:10px; margin-left:20px; width:120px; height:132px;
           background-image:url(../images/default/fhemicon.png); }
#menu    { margin-top:10px; margin-left:20px; width:140px; }
#menuScrollArea { width: 175px; left:0px; top:0px; height:100%;
                  position:fixed; overflow-x:hidden; overflow-y:auto; }

#console { width:100%; height:100%; position:absolute; overflow-y:auto;}
#hdr     { position:absolute; top:10px; left:180px; }
#content { position:absolute; top:50px; left:180px; bottom:20px; right:10px; }

#errmsg { background-color: #000000; color: #FFFFFF;
               position:absolute; top:0px; left:40px; z-index: 10; }
.devType { padding-top:20px; }
a {  color: #278727; }
img {  border-style: none; }

.wide { width:100%; }

table.block { border:1px solid gray; background: #F8F8E0; }
table.block tr.odd { background: #F0F0D8; }
table.block tr.sel { background: #F0F0D8; }
table { border-radius:8px; }

table.room { border:1px solid gray; width: 100%; background: #D7FFFF; }
table.room tr.sel { background: #A0FFFF; }

#right { position:absolute; top:20px; left:180px; }

h2,h3,h4 { color:#52865D; line-height:1.3;
           margin-top:1.5em; font-family:Arial,Sans-serif; }
div.dist { padding-top:0.3em; }
button.dist { margin:10px; background:transparent; border:0px; cursor:pointer; }

a img { border-style:none; }
.col2 { text-align:center; }
tr.column td { padding:0; vertical-align:top;}

/* detail-selector & slider */
.makeTable { display:inline; float:left; clear:left;
             margin-top:10px; margin-bottom:20px;}
.makeSelect { display:inline; float:left; clear:left; }

select {  margin-left:5px; margin-right:5px; }
.get,.set,.attr { margin-bottom:5px; float:left; }
.slider { float:left; width:250px; height:26px; }

/* detail only */
.makeSelect .slider {background:#F0F0D8; border-radius:8px;}

/* timepicker */
.set .set { margin-bottom:2px; margin-top:3px; }

.handle { position:relative; cursor:pointer; width:50px;
          height:20px; line-height:20px;
          -webkit-user-select:none; -moz-user-select:none; -user-select:none;
          border:3px solid; color:#278727; text-align:center; }
.downText { margin-top:2px; }

pre { white-space: pre-wrap; }

svg      { height:32px; width:32px; fill:#278727; vertical-align:middle; margin:2px 0; }
svg.on,svg.FS20_on { fill:orange; }

/* next lines are for remotecontrol */
.rc_body              { border-style: solid; border-color: gray; border-width: 2px; padding: 5px;
                        background: #C8C8B0; font-size:6px;}
.rc_button            { padding: 5px 7px;}
.rc_button img        { border-style: solid; border-width: 1px; border-color: transparent; }
.rc_button img:active { border-color: gray; }

.changed { color:red; }


Ähnlich verhält es sich mit einigen anderen css-Dateien - ich habe die alte "style.css" erst mal wieder rüberkopiert, da ich mit der neuen Datei extrem Anzeigeprobleme
beim editieren der "fhem.cfg" habe.

[rudolfkoenig]

D.h. die Aussage "so gut wie leer" war einfach nur irrefuehrend.

Fuer die default .css Familie habe ich etliche der gleichen Definitionen ausgelagert nach defaultCommon.css,
und ich habe es nach Moeglichkeit getestet. Bei den anderen .css Dateien habe ich nur die jquery-ui Dialog Einstellungen in eine gemeinsame Datei ausgelagert, das muehsame Vergleichen der einzelnen Anweisungen habe ich mir da gespart.

Was geht denn nicht mit welchem Browser? Hast Du auch ein "richtiges" Browser-Reload probiert?

[Tom111]

..."nicht gehen" wäre in diesem Fall auch wohl übertrieben, aber ich habe plötzlich beim editieren der (z.B.) fhem.cfg eine riesige Schrift, also mit der vorherigen Einstellung
kam ich bestens zurecht. Obwohl ich auch nicht mehr der jüngste bin aber Sehen kann ich noch ganz gut 


Es wäre schön wenn du die Schriftart und Größe wieder so wie vorher einstellen könntest, das war perfekt ! 

[Puschel74]

Hallo,

aber ich habe plötzlich beim editieren der (z.B.) fhem.cfg eine riesige Schrift,

Wozu das?
Wieso willst du die fhem.cfg von Hand bearbeiten?
Ja ok, hat mit dem Problem nichts zu tun aber ich lass die Finger von der fhem.cfg (und ich bin nicht alleine damit).

Grüße

[Tom111]

Hallo,
Wozu das?
Wieso willst du die fhem.cfg von Hand bearbeiten?
Ja ok, hat mit dem Problem nichts zu tun aber ich lass die Finger von der fhem.cfg (und ich bin nicht alleine damit).

Grüße

Ich bearbeite die fhem.cfg schon von anfang an und komm bestens damit zurecht.   

[Puschel74]

Hallo,

Ich bearbeite die fhem.cfg schon von anfang an und komm bestens damit zurecht.

Wenn man weiß was man beachten muss dann ist das ja kein Problem 
Aber ich bin immer noch OT - sorry.
Also BTT damit deine Frage geklärt werden kann.

Grüße

[Tom111]

ok, hab mir mal selber geholfen und die defaultCommon.css umgeschrieben :

vorher:

Code Auswählen Erweitern

textarea { font-family:Arial, sans-serif; font-size:16px;}

nachher:

Code Auswählen Erweitern

textarea { font-family:Arial, font-size:13px;}

so kann ich jedenfalls wieder vernünftig arbeiten, 16px sind für textarea ainfach zu groß und die Schriftart sans-serif einfach nicht dafür geeignet ! 

[rudolfkoenig]

Hab jetzt das Verhalten fuer textarea zurueckgedreht.

Tipps:
- statt die Verteilten styles Dateien zu aendern ist besser die Aenderungen in eigene Dateien auszulagern, auch wenn es ein bisschen aufwendiger ist:
1. Fuer alle betroffenen FHEMWEB Instanzen "attr WEB JavaScripts pgm2/mySyle.js" setzen
2. Eine neue Datei ...fhem/www/pgm2/myStyle.js mit dem Inhalt "loadLink("pgm2/myStyle.css");" anlegen
3. Eine weitere Datei ...fhem/www/pgm2/myStyle.css Anlegen, und die CSS Aenderungen hier eintragen.

- Fuer Text-Editierer ist evtl. die Codemirror-Funktionalitaet interessant (attr WEB JavaScripts codemirror/fhem_codemirror.js)

[Tom111]

Hallo Rudolf,
hab das Update grade aufgespielt, so ist wieder alles beim alten und ich kann wieder "normal" weiterbasteln 

Dein Vorschlag,

[...] statt die Verteilten styles Dateien zu aendern [...]

kling interessant, aber diesen Tipp werde ich mir für später aufheben.
Im Moment bin ich mit den Einstellungen ja zufrieden, und wenn es Probleme gibt (so weiß ich ja) werden diese recht schnell beseitigt.

Danke nochmals für deine Bemühungen 

Gruß
Tom