kurotych / kurotych/programming-python-1sem
Низький контраст тексту в блоці "Машинний код" на діаграмі "Рівні мов програмування"
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)
Симптом: у вузлі "Машинний код двійкові інструкції процесора" (темний фон #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;
}
```
Це правило прямо застосовується до `
` і має !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
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- 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