kurotych / kurotych/programming-python-1sem

Низький контраст тексту в блоці "Машинний код" на діаграмі "Рівні мов програмування"

Aberta
#1 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Linguagem predominante
HTML
Estrelas
1
Forks
0
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

Сторінка: module1/01-intro-lecture/, розділ "Рівні мов програмування".
Точка проблеми: [docs/module1/01-intro-lecture.md?plain=1#L293-L301](https://github.com/kurotych/programming-python-1sem/blob/main/docs/module1/01-intro-lecture.md?plain=1#L293-L301)

Image

Симптом: у вузлі "Машинний код двійкові інструкції процесора" (темний фон #495057) текст практично невидимий, хоча mermaid-код явно задає color:#fff.

Причина (підтверджено через DevTools):
Текст рендериться у `` → `

...

` (бо мітка вузла багаторядкова, з `
`, тому mermaid використовує HTML-лейбл через foreignObject, а не SVG ).

Для самого `

` спрацьовує CSS-правило теми:
```
#_mermaid_6 .nodeLabel, #_mermaid_6 .nodeLabel p {
color: var(--md-mermaid-label-fg-color) !important;
}
```

Image

Це правило прямо застосовується до `

` і має !important, тому воно перебиває успадкований від span колір, навіть попри !important на span. У підсумку колір тексту визначає глобальна CSS-змінна теми --md-mermaid-label-fg-color, а не колір, вказаний у самій mermaid-діаграмі — тобто інлайнові стилі кольору тексту (color:...) в mermaid-вузлах з багаторядковими мітками (з `
`) на цьому сайті взагалі не працюють, коли фон вузла темний, а --md-mermaid-label-fg-color — темний.

Кроки для відтворення:
1. Відкрити сторінку module1/01-intro-lecture/.
2. Прогорнути до "Рівні мов програмування".
3. У DevTools подивитись на `span.nodeLabel > p` у вузлі "Машинний код" — застосоване правило color: var(--md-mermaid-label-fg-color) !important з джерелом inline:1, а не інлайновий style="color:#fff" з mermaid.

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Direção de pesquisa

Comece por docs/module1/01-intro-lecture.md nas linhas 293-301 e reproduza o diagrama "Машинний код" em module1/01-intro-lecture/. Inspecione o elemento span.nodeLabel > p e a regra do tema que usa --md-mermaid-label-fg-color. Está concluído quando os rótulos Mermaid multilinha continuam legíveis e a cor de texto pretendida do nó é respeitada.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
css, html
Domínio
documentation
Tipo de issue
Bug
Dificuldade
3/5
Tempo estimado
1-2 dias
Status de atividade
Pouca atividade
Clareza
Razoavelmente clara
Facilidade para iniciantes
65/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.