Personalizar estilos de Lista de conversaciones

Puede personalizar el estilo de un componente Lista de conversaciones agregando selectores en el archivo design.css.

Utilice estos selectores de CSS para personalizar el estilo del componente Lista de conversaciones.

Nombre de selector Descripción
.scs-convo-list-cust .scs-convo-list-container DIV más externo del componente
.scs-convo-list-cust .scs-convo-list-title Título de una conversación de la lista cuando está seleccionada
.scs-convo-list-cust .scs-convo-list-line-separator Separador entre el título de lista y la lista
.scs-convo-list-cust .scs-convo-list-convo-title Título de una conversación de la lista
.scs-convo-list-cust .scs-convo-list-convo-line-separator Separador entre cada conversación
.scs-convo-list-cust .scs-convo-list-active Título de una conversación de la lista cuando está seleccionada
.scs-convo-list-cust .scs-convo-list-convo-posts Número de publicaciones de una conversación
.scs-convo-list-cust .scs-convo-list-convo-unread Número de mensajes no leídos de una conversación
.scs-convo-list-cust .scs-convo-list-convo-updated Última fecha de actualización de una conversación
.scs-convo-list-cust .scs-convo-list-no-convo-msg Mensaje cuando la lista está vacía
.scs-convo-list-cust .scs-convo-list-no-auth-msg Mensaje cuando la Lista de conversaciones se representa en un sitio público sin autorización del usuario

Consulte Uso de estilos y formatos en Creación de sitios con Oracle Content Management.

Ejemplo

En este ejemplo se muestra el uso de CSS personalizados para los cambios de tipo de fuente, estilo y color en una Lista de conversaciones.


A continuación se muestra la descripción de GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png
Descripción de la ilustración GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png

En el siguiente código se muestran los CSS personalizados que se han utilizado para crear el ejemplo:

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