Quebra de linha e rolagem do título da barra lateral

Experiência do Usuário
1

Eu não gosto particularmente disso. Barra lateral de navegação no modo suspenso:

IMG_3301
IMG_3301633×399 77.7 KB

Além disso, no modo suspenso, não é preciso muito para que o menu tenha uma barra de rolagem, mesmo que ainda haja espaço na tela do desktop para ele se expandir e não a ter. Isso pode ser corrigido?

menu
menu391×679 42.7 KB

Meus usuários querem a barra lateral suspensa em vez da expandida porque ela se assemelha muito ao antigo menu hambúrguer legado e está no lado direito.

E por que Tudo inclui novo e não lido? Eles deveriam ser separados?

Também preciso tirar esse link de FAQ de lá e ainda não descobri o CSS para isso.

1 curtida
2

Pode haver soluções mais elegantes ou precisas, e acho que a barra lateral será mais personalizável no futuro, mas uma solução CSS potencialmente não confiável seria:

.sidebar-section-link-wrapper:nth-last-child(2) {
    display: none;
}

image
image745×254 25.9 KB

Ele visa a posição atual do pai do link do FAQ (último elemento -1). Ter outros elementos entre o link do FAQ e o final da lista fará com que o seletor CSS não aponte mais para o elemento correto.

Mas se você tiver certeza de que essa parte da lista não mudará, pode prosseguir.

1 curtida
3

obrigado @Canapin - eu sou muito bom com CSS e uso bastante no meu fórum e estou bem com isso. eu ainda não tinha descoberto como direcionar esses itens e esperava fazer isso sem o código do elemento filho pelo motivo que você apontou. eu usei muito CSS para mudar o conteúdo do antigo menu legado também, mas era mais fácil de acessar com CSS. na verdade, quero manipular toda aquela seção sob comunidade e colocar as coisas em uma ordem diferente, então suspeito que terei que usar um pouco de javascript também. eu REALMENTE quero que essa parte seja personalizável para os administradores. obrigado novamente pela dica! :slight_smile:

também ainda não está muito claro o que é “tudo”. eu meio que quero renomeá-lo para ser mais específico. :thinking:

5

Sim, o contêiner de links não tem classes exclusivas, então é complicado direcioná-los no estado atual.

Você pode se interessar por isto: sidebarMod: Add/Remove Sidebar Links and Sections

Você pode procurar por js.sidebar.sections.community.links.everything.content em Personalizar → Texto :slight_smile:

1 curtida
6

ok esse código CSS funcionou. eu estava preocupado que afetasse a visualização da equipe dessa parte do menu. obrigado! :innocent:

infelizmente não consigo fazer a substituição de texto funcionar :expressionless:

editar: mesmo depois de recarregar o navegador várias vezes, tive que mudar de tema para fazer a substituição de texto funcionar. o cache do Chrome é uma dor de cabeça. :woman_facepalming:

1 curtida
7

também alterei o texto correspondente ao passar o mouse:

IMG_3332
IMG_3332873×143 58.2 KB

1 curtida
8

então isso funciona para ocultar o FAQ, mas desde então descobri que também tem o efeito indesejado de ocultar um elemento em cada seção do menu :sweat_smile: mas é claro que tem :woman_facepalming: :upside_down_face:
deveria realmente seguir em frente e escrever um FAQ ou delegá-lo a um usuário.

9

Ah, sim.

#sidebar-section-content-community .sidebar-section-link-wrapper:nth-last-child(2) {
    display: none;
}

Deve ser melhor.

1 curtida
10

Olá,

Você também pode direcioná-los com o atributo data-link-name.
por exemplo

.sidebar-section-link-wrapper {
  .sidebar-section-link {
    &[data-link-name="faq"] {
      display: none;
    }
  }
}
1 curtida
11

sim, eu estava tentando usar esse método na primeira vez e a sintaxe do data-link estava errada. esqueci a parte “-name” e imaginei que de alguma forma não era possível. que burro eu, porque é assim que eu fazia com o menu legado antigo. DOH :woman_facepalming: obrigado.

só para constar, o método child só pode ser usado para visualização em desktop.

1 curtida
12

O problema é que todos os links estão dentro de elementos de lista que têm exatamente as mesmas classes.
Se você ocultar o link, o elemento da lista permanece e ocupa espaço, apesar de estar “vazio”.
A menos que eu esteja perdendo alguma coisa?

2 curtidas
13

será ótimo quando a alteração da seção da comunidade estiver totalmente operacional no core. Mudei facilmente o título “comunidade”. mas gostaria de mudar a ordem dos elementos. por exemplo, na visualização móvel, o link Meus Posts está acima de Admin e Revisão, e, portanto, Revisão está na seção … Mais. minha equipe não gosta disso e concordo que os controles de mod devem ter precedência sobre Meus Posts. Eu deveria fazer um tópico de solicitação de recurso de UX, mas sei que a equipe está trabalhando para tornar isso personalizável para nós no futuro de qualquer maneira.
Acho que posso sempre ocultar o link para meus posts e, em seguida, movê-lo para a seção de links globais. Não sei, tenho certeza de que estou tentando fazer muito com esse menu.

2 curtidas
14

Sim, entendi. Para esse tipo de problema, seria ótimo usar o pseudo :has, mas ele é um pouco limitado.

.sidebar-section-link-wrapper {
  &:has(.sidebar-section-link[data-link-name="faq"]) {
    display: none;
  }
}
2 curtidas