Přizpůsobení stylů seznamů konverzací

Styl komponenty seznam konverzací můžete přizpůsobit přidáním selektorů do souboru design.css.

Tyto selektory CSS umožňují přizpůsobit styl komponenty seznam konverzací.

Název selektoru Popis
.scs-convo-list-cust .scs-convo-list-container Nejvzdálenější prvek DIV komponenty
.scs-convo-list-cust .scs-convo-list-title Název konverzace v seznamu, když je vybrána
.scs-convo-list-cust .scs-convo-list-line-separator Oddělovač mezi názvem seznamu a seznamem
.scs-convo-list-cust .scs-convo-list-convo-title Název konverzace v seznamu
.scs-convo-list-cust .scs-convo-list-convo-line-separator Oddělovač mezi jednotlivými konverzacemi
.scs-convo-list-cust .scs-convo-list-active Název konverzace v seznamu, když je vybrána
.scs-convo-list-cust .scs-convo-list-convo-posts Počet příspěvků v konverzaci
.scs-convo-list-cust .scs-convo-list-convo-unread Počet nepřečtených zpráv konverzace
.scs-convo-list-cust .scs-convo-list-convo-updated Datum poslední aktualizace konverzace
.scs-convo-list-cust .scs-convo-list-no-convo-msg Zpráva, když je seznam prázdný
.scs-convo-list-cust .scs-convo-list-no-auth-msg Zpráva, když je seznam konverzace generován na veřejném webu bez autorizace uživatelů

Prostudujte si téma Používání stylů a formátování v dokumentu Vytváření webů pomocí služby Oracle Content Management.

Příklad

Tato ukázka objasňuje použití přizpůsobeného CSS pro změny typu, stylu a barev písma v seznamu konverzací.


Popis GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png následuje
Popis ilustrace ''GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png''

Následující kód představuje přizpůsobené CSS použité k vytvoření ukázky:

.scs-convo-list-cust .scs-convo-list-container {
    background-color: azure;
}

.scs-convo-list-cust .scs-convo-list-title {
    color: crimson;
}

.scs-convo-list-cust .scs-convo-list-line-separator {
    border-bottom: 2px dashed #dfe4e7;
}

.scs-convo-list-cust .scs-convo-list-convo-title {
    font-style: italic;
}

.scs-convo-list-cust .scs-convo-list-active {
    text-decoration: underline;
}

.scs-convo-list-cust .scs-convo-list-convo-posts {
    color: cadetblue;
    font-size: 12px;
}

.scs-convo-list-cust .scs-convo-list-convo-unread {
    color: brown;
    font-size: 12px;
    float: left;
}

.scs-convo-list-cust .scs-convo-list-convo-updated {
    color: blueviolet;
    font-size: 12px;
    clear:none;
}

.scs-convo-list-cust .scs-convo-list-no-convo-msg {
    font-size: 18px;
    color: darkorange;
}

.scs-convo-list-cust .scs-convo-list-no-auth-msg {
    font-size: 18px;
    color: red;
}