Semantic-Org/Semantic-UI-React

Make website reponsive for mobile devices

Aberta

#4.150 aberto em 6 de fev. de 2021

Ver no GitHubGuia do colaborador
 (4 comentários) (2 reações) (0 responsável)JavaScript (4.065 forks)batch import
help wantedneeds engineering

Métricas do repositório

Stars
 (13.136 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Feature Request

Add responsiveness for mobile devices.

Problem description

When a user accesses the website via a mobile device, it becomes very difficult for them to even access the content as the side menubar cover up the whole screen.

Proposed solution

Allowing the side menu bar to hide automatically when the screen size reduces to a certain dimension.

Screenshot (Mobile view)

semanticuiissue

Guia do colaborador

Direção de pesquisa
Investigue a implementação atual do componente de barra lateral no Semantic UI React (provavelmente o componente Sidebar ou Menu). Use consultas de mídia CSS para ocultar a barra lateral em viewports móveis. Alternativamente, considere usar o estado do React para alternar a visibilidade da barra lateral. Como o problema é sobre a barra de menu lateral cobrindo a tela, foque em aplicar uma classe hidden ou display: none em telas menores. A documentação do repositório pode fornecer orientação sobre padrões de design responsivo.
Pilha de tecnologia
javascriptreactcss
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
GitReactCSS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70