Personnalisation des styles de liste des conversations

Vous pouvez personnaliser le style d'un composant de liste de conversations en ajoutant des sélecteurs dans le fichier design.css.

Personnalisez le style du composant de liste de conversations à l'aide de ces sélecteurs CSS.

Nom de sélecteur Description
.scs-convo-list-cust .scs-convo-list-container Balise DIV extérieure du composant
.scs-convo-list-cust .scs-convo-list-title Titre d'une conversation dans la liste lorsqu'elle est sélectionnée
.scs-convo-list-cust .scs-convo-list-line-separator Séparateur entre le nom de la liste et la liste
.scs-convo-list-cust .scs-convo-list-convo-title Titre d'une conversation dans la liste
.scs-convo-list-cust .scs-convo-list-convo-line-separator Séparateur entre chaque conversation
.scs-convo-list-cust .scs-convo-list-active Titre d'une conversation dans la liste lorsqu'elle est sélectionnée
.scs-convo-list-cust .scs-convo-list-convo-posts Nombre de publications dans une conversation
.scs-convo-list-cust .scs-convo-list-convo-unread Nombre de messages non lus dans une conversation
.scs-convo-list-cust .scs-convo-list-convo-updated Date de dernière mise à jour d'une conversation
.scs-convo-list-cust .scs-convo-list-no-convo-msg Message lorsque la liste est vide
.scs-convo-list-cust .scs-convo-list-no-auth-msg Message lorsque la liste de conversations est affichée sur un site public sans l'autorisation de l'utilisateur

Reportez-vous à Utilisation des styles et du formatage dans le manuel Création de sites à l'aide d'Oracle Content Management.

Exemple

Cet exemple illustre l'utilisation d'un fichier CSS personnalisé pour modifier la police, le style et la couleur d'une liste de conversations.


La description de GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png est la suivante
Description de l'illustration GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png

Le code suivant présente le fichier CSS personnalisé utilisé pour créer l'exemple :

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