About Seiten mit CSS Codes anpassen

Hallo Endor,

der rote Strich wird damit ↓ angepasst.

:root {
    --prefs-table-border-width: 1px;
    --prefs-table-border: var(--prefs-table-border-width) solid var(--in-content-box-border-color);
}

Der Schuss war zu schnell, weil zu flüchtig gelesen, damit ↓ sollte der rote Strich weg sein.

table#prefs:not([has-visible-prefs=""]) {
    border: 0 !important;
}

Zitat von Endor

vielen Dank für Deine Hilfe. Funktioniert bestens.

Das muss ich auch sagen.

Danke für den Code, Endor.

Eine Kleinigkeit gäbe es da noch, die Ecken (Farbe zur besseren Erkennung ausgewählt). Hast Du dazu noch einen Schnipsel auf Lager?

Zitat von Endor

Steht ja auch so im Beitrag unter dem CSS Code.

Hatte ich zwar gelesen, wegen Hover, aber in meinem Bild ist es die originale Zeile. Aber das hängt ja wohl alles damit zusammen.

Danke, Endor, dann müssen wir abwarten.

Hallo Endor,

schau Dir doch bitte mal das ↓ an, passt das?

    tr:nth-child(even) {
    background: none !important;
    }
    tr:nth-child(odd) {
    background: none !important;
    }
    tr:nth-child(even):hover {
    background: none !important;
    }
    tr:nth-child(odd):hover {
    background: none !important;
    }

    tr:nth-child(even) th,
    tr:nth-child(even) td {
    background-color: #fffff0 !important;
    color: #000 !important;
    }
    tr:nth-child(odd) th,
    tr:nth-child(odd) td {
    background: #FFFFFF !important;
    color: #000 !important;
    }

    tr:nth-child(even):hover th,
    tr:nth-child(even):hover td {
    background-color: #ffeb99 !important;
    color: #000 !important;
    }
    tr:nth-child(odd):hover th,
    tr:nth-child(odd):hover td {
    background: #ffeb99 !important;
    color: #000 !important;
    }

Hallo Endor,

ich denke ich habe das ↓ vergessen mitzuschicken.

    #prefs > tr:nth-child(1) {
    -moz-appearance: none !important;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    }
    #prefs > tr:last-child {
    -moz-appearance: none !important;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    }
    #prefs > tr:last-child > th {
    -moz-appearance: none !important;
    border-bottom-left-radius: 20px !important;
    }
    #prefs > tr:last-child > td:nth-child(4) {
    -moz-appearance: none !important;
    border-bottom-right-radius: 20px !important;
    }
    
    table#prefs[has-visible-prefs=""] > tr:nth-child(1),
    table#prefs[has-visible-prefs=""] > tr:nth-child(1) > th:nth-child(1) {
    -moz-appearance: none !important;
    border-top-left-radius: 20px !important;
    }    
    table#prefs[has-visible-prefs=""] tr:nth-child(1),
    table#prefs[has-visible-prefs=""] tr:nth-child(1) > td:nth-child(4) {
    -moz-appearance: none !important;
    border-top-right-radius: 20px !important;
    }

Hm,

sobald man ins Suchenfeld etwas eingibt, wird die obere Radienanpassung ignoriert, die oberste Zeile ist nicht mehr first-child.

Grrr,

die Zeilenwerte ↓ ändern sich mit jeder unterschiedlichen Suche, ich denke nicht, das es dafür eine Lösung gibt.

Suchbegriff xul:

#prefs > tr:nth-child(16) > th:nth-child(1)

Suchbegriff tab:

#prefs > tr:nth-child(15) > th:nth-child(1)

Ich habe das jetzt nicht alles getestet hier.

Zitat von Dharkness

ändern sich mit jeder unterschiedlichen Suche

Was passiert denn, wenn man aus:

#prefs > tr:nth-child(15) > th:nth-child(1)

dann:

#prefs > tr:nth-child(n+15) > th:nth-child(1)

macht?

Evtl. die 15 noch verringert?

Hallo Andreas,

ich habe :nth-child jetzt in der verschiedensten Variationen getestet, aber eine Lösung habe ich nicht generieren können.

Hier im Nightly habe ich mit den Ecken kein Problem.. ich nutze den Code aus # 440.. Danke dafür!

Hi Boersenfeger,

hast Du auch mal was in die Suchmaske eingegeben? Außerdem solltest Du body (...) mal eine andere Hintergrundfarbe, am Besten sehr dunkel, verpassen, dann sieht man das Problem sehr deutlich.

Jo

Da wurde noch was geändert... nee ich mag meine Farben so wie sie sind... ich schrieb ja auch, das ich den Code aus # 440 nutze und da ist nix zu sehen...

Du hast nicht auf die erste Zeile gehovert, nur dann ist der Fehler vorhanden.