Você pode personalizar o estilo de um componente Lista de Conversas adicionando seletores no arquivo design.css
.
Use esses seletores de CSS para personalizar o estilo do componente Lista de Conversas.
Nome do Seletor | Descrição |
---|---|
.scs-convo-list-cust .scs-convo-list-container |
DIV mais exterior do componente |
.scs-convo-list-cust .scs-convo-list-title |
Título de uma conversa na lista quando selecionada |
.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 na lista |
.scs-convo-list-cust .scs-convo-list-convo-line-separator |
Separador entre cada conversa |
.scs-convo-list-cust .scs-convo-list-active |
Título de uma conversa na lista quando selecionada |
.scs-convo-list-cust .scs-convo-list-convo-posts |
Número de postagens de uma conversa |
.scs-convo-list-cust .scs-convo-list-convo-unread |
Número de mensagens não lidas de uma conversa |
.scs-convo-list-cust .scs-convo-list-convo-updated |
Data da última atualização de uma conversa |
.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 Conversas é renderizada em site público sem autorização do usuário |
Consulte Use Estilos e Formatação em Criando Sites com o Oracle Content Management.
Exemplo
Esta amostra ilustra o uso de CSS personalizado para alterações de tipo de fonte, estilo e cor em uma Lista de Conversas.
O código a seguir mostra o CSS personalizado usado para criar a amostra:
.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; }