Customizar Estilos de Lista de Conversações

Pode customizar o estilo de um componente Lista de Conversações acrescentando seletores no ficheiro design.css.

Utilize estes seletores de CSS para customizar o estilo do componente Lista de Conversações.

Nome do Seletor Descrição
.scs-convo-list-cust .scs-convo-list-container DIV exterior do componente
.scs-convo-list-cust .scs-convo-list-title Título de uma conversação na lista quando está selecionado
.scs-convo-list-cust .scs-convo-list-line-separator Separador entre o título da lista e a lista
.scs-convo-list-cust .scs-convo-list-convo-title Título de uma conversação na lista
.scs-convo-list-cust .scs-convo-list-convo-line-separator Separador entre cada conversação
.scs-convo-list-cust .scs-convo-list-active Título de uma conversação na lista quando está selecionado
.scs-convo-list-cust .scs-convo-list-convo-posts Número de publicações de uma conversação
.scs-convo-list-cust .scs-convo-list-convo-unread Número de mensagens não lidas de uma conversação
.scs-convo-list-cust .scs-convo-list-convo-updated Data da última atualização de uma conversação
.scs-convo-list-cust .scs-convo-list-no-convo-msg Mensagem quando a lista está vazia
.scs-convo-list-cust .scs-convo-list-no-auth-msg Mensagem quando a Lista de Conversações é renderizada num site público sem autorização do utilizador

Consulte Utilizar Estilos e Formatação em Criar Sites com o Oracle Content Management.

Exemplo

Este exemplo ilustra a utilização de um CSS customizado para a alteração de tipo de letra, estilo e cores de uma Lista de Conversações.


Segue-se a descrição de GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png
Descrição da ilustração GUID-8C78E17E-9CF5-4CA3-B014-55307FFE7426-default.png

O código seguinte mostra o CSS customizado utilizado para criar o exemplo:

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