Ajuste os prefixos antes do título do tópico no índice do fórum

[perlesias]

Detalhes da questão

Endereço do fórum: https://musicollection.foroactivo.com/
Versão do fórum: phpBB3

Descrição

Olá de novo, acontece que os prefixos estão no topo do título, ocupando a largura da célula. O prefixo pode ser colocado logo antes do título na mesma linha, em vez de acima? Para que em telas menores a célula não fique desalinhada.

[Roevs]

Olá,

Adicione o código abaixo no final da sua Folha de estilo CSS e veja se é o resultado desejado

Código:

span.title_prefix {
    display: inline-flex!important;
}

Até,

[perlesias]

Olá @Roevs . O problema é o mesmo que eu tinha antes, quando reduzo a tela para limitar o fórum o conteúdo das células fica desalinhado.

[Roevs]

Olá,

Substitua o código anterior por esse

Código:

dd.lastpost {
    display: inline-flex!important;
}
span.title_prefix {
    display: inline-flex!important;
}

Lembrando que dependendo do tamanho do nome do prefixo que há antes dos títulos ele vai ter essa quebra de linha para respeitar o tamanho da área "últimos mensajes"

Até,

[perlesias]

@Roevs Ok, resolvi o problema com esse CSS que tirei de outro site:

Código:


.aag_news .news_topic_title, .actividad .message-text, .actividad .message-text a, .forabg.mps-index .topictitle, .lastpost span a, .postbody .topic-title, .topictitle {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lastpost span a {
    max-width: 67%;
    overflow: hidden;
    display: inline-block;
}

span.title_prefix {
    display: inline-block !important;
}


mas o prefixo desse JS é mais largo e fica ruim, alguma solução para deixar como antes?

[Roevs]

Olá,

Substitua o código que você mandou por esse

Código:

.aag_news .news_topic_title, .actividad .message-text, .actividad .message-text a, .forabg.mps-index .topictitle, .lastpost span a, .postbody .topic-title, .topictitle {
    text-overflow: ellipsis;
    white-space: nowrap;
}
 
.lastpost span a {
    max-width: 67%;
    overflow: hidden;
    display: inline-block;
}
 
span.title_prefix {
    display: inline!important;
}


Até,

[perlesias]

@Roevs Resolvido, obrigado amigo, considero o problema resolvido!

[Sleep]

Obrigado Roevs pela ajuda.

Tópico resolvido Movido para "Questões resolvidas".