Hi Endor,
umgebaut und passt, danke schön. 
About Seiten mit CSS Codes anpassen
-
Endor -
10. Mai 2020 um 14:44 -
Erledigt
-
-
Vielen Dank!
Ist es normal/gewollt, das die orangene Zeile mit runterscrollt und nicht oben angepappt bleibt?
-
Nein eigentlich sollte die nicht mit runterscrollen.
ich kann den Fehler bestätigen
Gruß
EDV-Oldi -
Ich habe deinen Code komplett übernommen einzig in Zeile 9 steht mein Name und in Zeile 22 ist die Breite auf 1660px ausgedehnt worden.
-
Hat ja Zeit... sieht trotzdem schick aus...
-
Finde keinen weg die Leiste zu fixieren.
Verstehe nicht wieso die überhaupt mit rollt.
Mfg.
Endor -
Finde keinen weg die Leiste zu fixieren.
Teste bitte mal:
CSS
Alles anzeigen@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url(about:performance){ #dispatch-tbody{ max-height: 400px!important; overflow-y: scroll !important; } html{background: #ffffff !important;} #dispatch-table:before { content: "Endors Firefox Task-Manager"; margin-left: 510px !important; font-weight:bold !important; font-size: 20px !important; color:red !important; line-height: 5 !important;} #dispatch-table{ position: fixed !important; margin-left: 20px !important; margin-right: auto !important; /* justify-content: center!important; align-items: center!important; */ max-width: 1400px !important; height: auto !important; margin-top: 40px !important; margin-bottom: 20px !important; padding-bottom: 30px !important; padding-top: 10px !important; padding-left: 50px !important; padding-right: 50px !important; background-color: #fffff0 !important; border-left-color: lightblue!important; border-top-color: lightblue!important; border-right-color: dodgerblue!important; border-bottom-color: dodgerblue!important; border-radius: 20px !important; border-width: 4px !important; border-style: outset !important;} /* #dispatch-table:hover{ background-color: #ffffcc !important; border-left-color: #bbddff !important; border-top-color: #bbddff !important; border-right-color: #11508d !important; border-bottom-color: #11508d !important;} */ #dispatch-thead{ background: #ee7621 !important; max-width: 1328px !important; margin-left: -20px !important; border-radius: 20px !important;} #dispatch-thead > tr:nth-child(1){ border-radius: 20px !important;} #dispatch-thead:hover {background-color: #df6107 !important;} #column-memory{ font-weight: bold !important; color: #ffffff !important; border-left: none !important; border-right: none !important; min-width: 7em !important;} #dispatch-thead > tr:nth-child(1) > td:nth-child(5){ border-top-right-radius: 20px !important; border-bottom-right-radius: 20px !important; border-left: none !important;} #column-name{ color: #ffffff !important; font-weight: bold !important; border-top-left-radius: 20px !important; border-bottom-left-radius: 20px !important; border-right: none !important; padding-left: 55px !important;} #column-type{ font-weight: bold !important; color: #ffffff !important; border-left: none !important; border-right: none !important;} #column-energy-impact{ font-weight: bold !important; color: #ffffff !important; border-left: none !important; border-right: none !important;} #dispatch-tbody > tr:nth-child(n+1):hover{ background-color: #ffffcc !important;} #dispatch-tbody > tr:nth-child(n+1) > td:nth-child(5) > span:nth-child(1){ color: red !important; } #dispatch-tbody > tr:nth-child(n+1) > td:nth-child(5) > span:nth-child(1):hover{ background: transparent !important;} #dispatch-tbody > tr:nth-child(n+1) > td:nth-child(5):hover{ background: transparent !important;} .twisty{ color: red !important; } }Zeile 5 - 8 habe ich neu eingefügt. Den Wert kann/muss jeder für sich dann evtl. noch anpassen.
-
Hallo Andreas.
Funktioniert soweit, umgeht aber nur das eigentliche Problem.
Aber damit könnte ich locker leben.
Vielen Dank für Deine Mühe.
:klasse:
Mfg.
Endor
-
Evtl. fällt einem anderen User ja noch eine bessere Lösung ein.
-
Finde keinen weg die Leiste zu fixieren.
Verstehe nicht wieso die überhaupt mit rollt.
Die Erklärung ist recht einfach: Tatsächlich scrollt die Leiste überhaupt nicht mit, sie ist fixiert. Standardmäßig eben ganz oben und durch deine Anpassung hast du Content davor gesetzt, womit die Leiste immer noch fixiert ist, aber halt nicht mehr ganz oben. Der Content scrollt immer darunter durch, ob mit oder ohne deine Anpassung. Dadurch, dass mit deiner Anpassung über der Leiste aber noch Content und das Fenster nicht länger "zu Ende" ist, machst du dadurch den Inhalt, der ansonsten nicht sichtbar darunter wegscrollt, sichtbar.
Der Fix von Andreas ist da schon der richtige für. Man könnte das mit der Höhe natürlich flexibler gestalten, um unabhängig von der Bildschirmauflösung zu sein, aber die Grundidee erscheint mir sehr sinnvoll.
-
Vielen Dank euch beiden. mit Andis Änderung finde ich es perfekt!
-
Evtl. fällt einem anderen User ja noch eine bessere Lösung ein
Danke, Andreas, so funktioniert es prima. Eine bessere Lösung kann ich natürlich auch nicht präsentieren, aber ich habe deinen Code- Schnipsel für mich angepasst. Eventuell möchten das so auch noch andere User verwenden.
Die Höhe habe ich für meinen Bildschirm angepasst, und die Scrollbar setzt jetzt erst ein, wenn das Feld in der Höhe erreicht ist.
Das wäre dann der Block:
CSS#dispatch-tbody{ max-height: 630px!important; overflow-y: scroll !important; overflow-y: auto !important; margin-right: -5px !important; margin-top: 40px !important; }Danke, für den Code.
-
(Ich habe den Code auf das für meinen Beitrag Wesentliche reduziert)
CSS#dispatch-tbody { overflow-y: scroll !important; overflow-y: auto !important; }Die erste Zeile ergibt keinen Sinn, wenn du es anschließend eh mit einem anderen Wert überschreibst. Entferne die erste
overflow-y-Zeile also komplett.
-
Entferne die erste
overflow-y-Zeile also komplett.
Ja, Sören, so geht es auch. Danke!
-
Hallo zusammen,
ist es möglich, nicht nur den Twistys eine andere Farbe zu verpassen, sondern auch den Icons in der rechten Spalte und dann möglichst auch noch getrennt nach Tab schließen und In der Add-ons-Verwaltung anzeigen?
