Gitea: IU responsiva

Criado em 3 nov. 2016  ·  47Comentários  ·  Fonte: go-gitea/gitea

Devemos fornecer uma IU responsiva no melhor preço. A melhor maneira deve ser uma visão separada, como é feito no gitHub, mas no curto prazo poderíamos simplesmente fornecer elementos repsonsivos para dar uma boa visão também em dispositivos móveis.


Quer apoiar este problema? Publique uma recompensa por isso! Aceitamos recompensas via Bountysource .

kinenhancement kinui

Comentários muito úteis

A melhor maneira deve ser uma visão separada, como é feito no gitHub, mas no curto prazo poderíamos simplesmente fornecer elementos repsonsivos para dar uma boa visão também em dispositivos móveis.

Na verdade, acho que designs responsivos são melhores do que visualizações móveis separadas. _Odeio_ não poder fazer tudo com a visualização móvel no GitHub.

Todos 47 comentários

Se uma nova estrutura da web for considerada, eu gostaria de sugerir Bulma . É baseado no flexbox e é fácil de trabalhar.

Eu usei Bulma também e gostei também, mas gostei do design atual também, podemos considerar um design responsivo, mas acho que pode ser no futuro.

Acho que podemos ficar com a estrutura atual, só precisamos habilitar definições responsivas.

O semântico é _realmente_ fácil de tornar responsivo, então não há necessidade de trocar de framework.
Pessoalmente, eu apenas atualizaria um modo de exibição de cada vez para torná-lo responsivo, em vez de copiar e reescrever todo o site. De que forma também obtemos "pequenas" correções que podem ser facilmente revisadas: ligeiramente_smiling_face:

Mudar a IU é um trabalho pesado. Eu prefiro a ideia de @tboerger . E para o usuário móvel, acho que fazer um projeto android e um ios para satisfazê-los. Podemos fazer esse trabalho com base no trabalho de alguns clientes github de código aberto.

A melhor maneira deve ser uma visão separada, como é feito no gitHub, mas no curto prazo poderíamos simplesmente fornecer elementos repsonsivos para dar uma boa visão também em dispositivos móveis.

Na verdade, acho que designs responsivos são melhores do que visualizações móveis separadas. _Odeio_ não poder fazer tudo com a visualização móvel no GitHub.

Eu concordo com @jhasse

Eu tenho experiência com interface do usuário semântica antes. Tentei fazer tudo stackable e também ajustei alguns dos deslocamentos. Mas o resultado final não é

Existem muitos hacks complicados e os sinalizadores !important , elementos flutuantes nos estilos atuais. O layout foi todo projetado para o desktop (_ sem pensar em suportar o celular no futuro_).

Não há muitos elementos, os módulos podem ser usados ​​no Bulma atualmente. A IU semântica já tem muitos componentes, módulos. Mas não há menu de hambúrguer na IU semântica, precisaremos de uma barra lateral para o menu de navegação.

Eu sugeriria reconstruir outro layout com a IU semântica e torná-lo compatível com dispositivos móveis no futuro.

screen shot 2017-02-14 at 12 20 00 am
screen shot 2017-02-13 at 11 58 30 pm
screen shot 2017-02-14 at 1 23 27 am
screen shot 2017-02-14 at 12 36 40 am
screen shot 2017-02-14 at 12 13 09 am

Bem, se for para ser totalmente reescrito, por que não substituí-lo pelo bootstrap? E os temas enquanto estamos nisso: trollface:

@bkcsoft a versão antiga do Gogs é bootstrap. então bootstrap -> semantic UI -> bootstrap ...

bem, se não funcionar, você muda;)

Eu acho que é uma má ideia mudar de Semantic UI para bootstrap, talvez Bulma se quiser escrever uma nova interface para ter visual diferente do Gogs e suporte responsivo, mas eu acho que é uma boa ideia deixar isso mais à frente

Vou sugerir ficar com a IU semântica. Já existem muitos módulos que podem ser usados ​​na UI Semântica, por exemplo, o Dropdown (_que é usado no Gitea para criar os repos_).

screen shot 2017-02-15 at 7 46 01 pm

Mas o Bootstrap não vem com os módulos, você teria que procurar os módulos com o Google. E alguns dos estilos de módulo foram projetados para o estilo original Bootstrap.

O que significa que se você alterasse o tema do Bootstrap, os estilos dos módulos ainda permaneceriam com o tema original do Bootstrap. (ex: Bootstrap Toggle )

screen shot 2017-02-15 at 7 50 04 pm

O problema atual é que a interface do usuário não é muito boa em dispositivos móveis. Esta não é uma democracia onde todos podem opinar sobre como isso não pode ser resolvido. Se alguém contribuir com uma correção que funcione melhor do que a atual no desktop e no celular, ela poderá ser mesclada. Não importa se está usando bootstrap ou semântica ou outra coisa. Se você deseja que o Semantic vença, contribua com uma solução melhor usando o Semantic.

@ptman Mesmo que seja um design totalmente diferente, também pode ser mesclado?

@YamiOdymel não depende de mim, depende dos mantenedores

Pouca questão de concepção, é realmente necessário definir o layout como responsivo? Conversei com todos os meus amigos e comunidade em que estou e ninguém falou que usa smartphone para código de acesso, questões ou outra informação no github ou gitlab.

Eu acho que é melhor fazer uma votação sobre esse recurso antes de implementar agora

Se você não usa seu smartphone para acessar Gitea, por que se importa se isso foi implementado ou não?

@jhasse mas esse é o ponto, como implementar recurso que não será usado? Não estou falando que não precisa ser implementado, a impressão que estou tendo é que isso está sendo tratado com prioridade.

Porque isso eu estou fazendo essa pergunta, é mesmo necessário e é prioritário? Vamos fazer agora. Não é? Vamos fazer isso no futuro.

Meu "voto" vai para _não_ alterar o design, a menos que seja absolutamente necessário 🙂

Na minha opinião, o uso de !important no CSS é um mal menor do que ter um layout móvel quebrado. Os atuais mantenedores se oporiam a um PR com uso potencialmente pesado de !important ?

Estou usando visualizações móveis intensamente para essas coisas, devemos fornecer designs responsivos. Eu pessoalmente prefiro bootstrap, é o que conheço melhor. A interface do usuário semântica ainda parece estranha para mim. Eu realmente não me importo com o que usaremos no final, contanto que funcione em vários dispositivos

+1 para Bootstrap 4

mude para o bootstrap 4, talvez precisemos mudar muito. Então, nossa estrutura de front-end será vue.js + bootstrap4?

Mas o Bootstrap não vem com os módulos, você teria que procurar os módulos com o Google. E alguns dos estilos de módulo foram projetados para o estilo original Bootstrap.

@YamiOdymel Existem _loads_ de módulos para Bootstrap, e a maioria deles segue o tema que você fornecer.
Exemplo para menus suspensos: https://silviomoreto.github.io/bootstrap-select/examples/

E não me lembro de nenhum módulo exótico que estamos usando

1253 melhora a página de exploração para celular.

Este será um problema de longo prazo. Então, eu o movo de v1.2.0 para v1.xx

Estou pensando em reescrever a IU do Gitea no Bootstrap ou Bulma ou algo semelhante. Se alguém quiser falar sobre isso ou colaborar ou algo assim, me diga, acho que seria um desafio divertido.

Estamos empenhados no desenvolvimento de SPAs usando vue e bulma. Até agora, tem funcionado incrivelmente para nós.
Quanto aos elementos de design especializados, como dropdowns, nós os contornamos tendo modais ou uma lista de tags com base na seleção dos dropdowns html.
E, maravilhosamente, isso fez maravilhas no celular.

De qualquer forma, tenho procurado documentação sobre APIs. Estou começando o desenvolvimento em um cliente PWA separado. Quer entrar?

Estamos empenhados no desenvolvimento de SPAs

Existe um problema para isso que eu possa votar contra?

Sim, segundo não escrevo isso como um SPA. Poderíamos ter elementos em tempo real, mas todas as funcionalidades principais devem funcionar preferencialmente sem JS habilitado.

Não estou pedindo para a equipe transformar isso em um SPA. Isso seria ruim para a web aberta em geral.
Mas eu gostaria de desenvolver um SPA independente que pudesse conversar com APIs do gitea.
E, para isso, ter um bom conjunto de APIs REST bem documentadas certamente ajudaria muito.

Obrigado por fornecer os documentos da API do swagger. A API é estável para uso em produção?

Obrigado

@ bang88 Geralmente segue o github como referência para a API. Eu diria que é estável e que a maioria das mudanças feitas recentemente foram a adição de novos métodos.

@sapk Obrigado, verificarei mais tarde

Olá.
Tem alguma decisão sobre a estrutura?
Já trabalhei em:
Bootstrap >> Semantic-UI >> Bulma
Agora trabalha na Fundação. Eu acho que a Fundação é a estrutura da web mais bem projetada.

Usei a fundação há alguns anos em um projeto e de alguma forma não gostei, era muito trabalhoso acertar as coisas. Se mudar, estou para Bulma + vuejs :)

Eu não acho que iremos mudar o framework css usado, este framework funciona muito bem para uis responsivos, ele só precisa ser feito corretamente. Podemos integrar vuejs para algumas partes dinâmicas passo a passo.

Bountysource

Alguém está trabalhando nisso? Eu gostaria de tentar e tentar no mínimo usar os recursos responsivos do Semantic e tornar o que eu puder empilhável.

Acabei de adicionar $ 25 à recompensa. Eu realmente adoraria ter isso, pois trabalho no meu dispositivo móvel com frequência. Obrigado!

Caso você esteja acompanhando isso: Publiquei um rascunho das alterações nas quais estou trabalhando no # 2750. Dê uma olhada e diga-me se você gostaria de ver algumas mudanças, eu realmente adoraria um feedback!

@lunny isso já pode ser fechado?

@lafriks Acabei de

@lunny esse pull request implementa apenas parte das páginas para serem móveis, mas não há problema se eu encerrar isso, estava apenas pedindo sua opinião.

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

jorise7 picture jorise7  ·  3Comentários

lunny picture lunny  ·  3Comentários

jakimfett picture jakimfett  ·  3Comentários

cookiengineer picture cookiengineer  ·  3Comentários

flozz picture flozz  ·  3Comentários