Dostosowywanie stylów listy konwersacji

Dodając selektory do pliku design.css, można dostosować styl składnika "lista konwersacji".

Za pomocą poniższych selektorów CSS można dostosować styl składnika "lista konwersacji".

Nazwa selektora Opis
.scs-convo-list-cust .scs-convo-list-container Najbardziej zewnętrzny element DIV składnika
.scs-convo-list-cust .scs-convo-list-title Tytuł konwersacji na liście, gdy konwersacja jest wybrana
.scs-convo-list-cust .scs-convo-list-line-separator Separator między tytułem listy i listą
.scs-convo-list-cust .scs-convo-list-convo-title Tytuł konwersacji na liście
.scs-convo-list-cust .scs-convo-list-convo-line-separator Separator między każdą konwersacją
.scs-convo-list-cust .scs-convo-list-active Tytuł konwersacji na liście, gdy konwersacja jest wybrana
.scs-convo-list-cust .scs-convo-list-convo-posts Liczba wpisów w konwersacji
.scs-convo-list-cust .scs-convo-list-convo-unread Liczba nieprzeczytanych wiadomości w konwersacji
.scs-convo-list-cust .scs-convo-list-convo-updated Data ostatniej aktualizacji konwersacji
.scs-convo-list-cust .scs-convo-list-no-convo-msg Komunikat, gdy lista jest pusta
.scs-convo-list-cust .scs-convo-list-no-auth-msg Komunikat, gdy lista konwersacji jest renderowana w serwisie publicznym bez identyfikacji użytkownika

Zob. rozdział Korzystanie ze stylów i formatowania w podręczniku Tworzenie serwisów za pomocą Oracle Content Management.

Przykład

Poniższy przykład ilustruje użycie dostosowanego arkusza CSS, zmieniającego typ, styl i kolor czcionki listy konwersacji.


Opis "GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png" znajduje się poniżej
Opis rysunku "GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png"

Następujący kod przedstawia dostosowany arkusz CSS, który został użyty do utworzenia przykładu:

.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;
}