Gitea: レスポンシブUI

作成日 2016年11月03日  ·  47コメント  ·  ソース: go-gitea/gitea

レスポンシブUIを手頃な価格で提供する必要があります。 最善の方法は、gitHubで行われるような別のビューである必要がありますが、短期的には、モバイルデバイスでも良好なビューを提供するために、応答要素を提供するだけで済みます。


この問題を支持したいですか? それに賞金を投稿してください! Bountysourceを介して

kinenhancement kinui

最も参考になるコメント

最善の方法は、gitHubで行われるような別のビューである必要がありますが、短期的には、モバイルデバイスでも良好なビューを提供するために、応答要素を提供するだけで済みます。

実際、レスポンシブデザインは、個別のモバイルビューよりも優れていると思います。 GitHubのモバイルビューですべてを実行できるわけではないことを_嫌い_です。

全てのコメント47件

新しいWebフレームワークを検討する場合は、 Bulmaを提案したいと思います。 これはフレックスボックスに基づいており、操作が簡単です。

私もブルマを使って好きでしたが、現在のデザインも好きで、レスポンシブデザインも考えられますが、将来的にはそうなると思います。

現在のフレームワークを維持できると思います。レスポンシブ定義を有効にする必要があります。

セマンティックはレスポンシブにするのが_本当に_簡単なので、フレームワークを切り替える必要はありません。
個人的には、サイト全体をコピーして書き直すのではなく、一度に1つのビューを更新して応答性を高めたいと思います。 簡単に確認できる「小さな」修正をどのように取得するか:slightly_smiling_face:

UIの変更は大変な作業です。 @tboergerのアイデアが好き

最善の方法は、gitHubで行われるような別のビューである必要がありますが、短期的には、モバイルデバイスでも良好なビューを提供するために、応答要素を提供するだけで済みます。

実際、レスポンシブデザインは、個別のモバイルビューよりも優れていると思います。 GitHubのモバイルビューですべてを実行できるわけではないことを_嫌い_です。

@jhasseに同意します

私は以前にセマンティックUIの経験があります。 すべてをstackableにしようとしましたが、オフセットの一部も調整しました。 しかし、最終的な結果は良くあり

トリッキーなハックと!importantフラグが多すぎて、現在のスタイルの要素ことを考え

要素はそれほど多くありません。現在、モジュールはブルマで使用できます。 セマンティックUIには、すでに多くのコンポーネント、モジュールがあります。 ただし、セマンティックUIにはハンバーガーメニューはありません。ナビゲーションメニューにはサイドバーが必要です。

セマンティックUIを使用して別のレイアウトを再構築し、将来的にはモバイルフレンドリーにすることをお勧めします。

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

さて、完全に書き直す場合は、ブートストラップに置き換えてみませんか? そして、私たちがそれに取り組んでいる間のテーマ:trollface:

@bkcsoft古いバージョンのbootstrap -> semantic UI -> bootstrap ..。

まあ、それがうまくいかない場合は切り替えます;)

私は、ブートストラップへのセマンティックUIからの変更、多分に悪い考えだと思うブルマ希望がGogsから視覚的に異なるがあり、応答をサポートするための新しいインタフェースを記述する場合、私はそれがより先にこれを作るために良いアイデアだと思います

セマンティックUIを使用することをお勧めします。 セマンティックUIで使用できるモジュールはすでにたくさんあります。たとえば、ドロップダウン(Giteaでリポジトリを作成するために使用されます)などです。

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

ただし、Bootstrapにはモジュールが付属していないため、Googleでモジュールを検索する必要があります。 また、一部のモジュールスタイルは、Bootstrapの元のスタイル用に設計されています。

つまり、Bootstrapのテーマを変更した場合でも、モジュールスタイルは元のBootstrapテーマのままになります。 (例: Bootstrap Toggle

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

現在の問題は、UIがモバイルでひどく良くないということです。 これは、誰もがそれをどのように解決できないかについて発言権を得る民主主義ではありません。 誰かがデスクトップとモバイルの両方で現在よりもうまく機能する修正を提供した場合、それをマージすることができます。 ブートストラップやセマンティックなどを使用しているかどうかは関係ありません。 セマンティックを勝ち取りたい場合は、セマンティックを使用してより良いソリューションを提供してください。

@ptmanまったく違うデザインでもマージできますか?

@YamiOdymelは私

概念に関する質問はほとんどありませんが、レイアウトをレスポンシブとして設定するには本当に必要ですか? 私は自分が参加しているすべての友人やコミュニティと話しましたが、アクセスコード、問題、またはgithubやgitlabのその他の情報にスマートフォンを使用している人は誰も話しませんでした。

今すぐ実装する前に、この機能についてポーリングする方が良いと思います

スマートフォンを使用してGiteaにアクセスしない場合、これが実装されているかどうかをまったく気にしないのはなぜですか?

@jhasseですが、これがポイントです。使用されない機能を実装するにはどうすればよいですか? 実装する必要がないということではありませんが、これが優先事項として扱われているという印象があります。

これは私がこの質問をしているので、本当に必要であり、優先されますか? さあ作りましょう。 そうじゃない? 将来的にこれを作りましょう。

私の「投票」は、絶対に必要な場合を除いて、デザインを変更しないことになります🙂

私の意見では、CSSで!importantを使用することは、モバイルレイアウトが壊れていることよりも害が少ないと思います。 現在のメンテナは、 !important多用する可能性のあるPRに反対しますか?

私はそのようなことにモバイルビューを多用しているので、レスポンシブデザインを提供する必要があります。 私は個人的にブートストラップを好みます、それが私が最もよく知っていることです。 セマンティックUIはまだ私には奇妙に感じます。 複数のデバイスで動作する限り、最終的に何を使用してもかまいません

ブートストラップ4の+1

ブートストラップ4に切り替えます。多分、多くの変更が必要です。 したがって、フロントエンドフレームワークはvue.js + bootstrap4になりますか?

ただし、Bootstrapにはモジュールが付属していないため、Googleでモジュールを検索する必要があります。 また、一部のモジュールスタイルは、Bootstrapの元のスタイル用に設計されています。

@YamiOdymel Bootstrapには_loads_のモジュールがあり、それらのほとんどは指定したテーマに従います。
ドロップダウンの例: https

そして、私たちが使用しているエキゾチックなモジュールを思い出せません

1253は、モバイルの探索ページを改善します。

これは長期的な問題になります。 だから私はそれをv1.2.0からv1.xxに移動します

BootstrapやBulmaなどでGiteaのUIを書き直すというアイデアをいじくり回してきました。 誰かがそれについて話したり、コラボレーションしたり、何かが私に連絡を取りたいと思ったら、それは楽しい挑戦になると思います。

私たちは、vueとbulmaを使用したSPAの開発に熱心に取り組んでいます。 これまでのところ、それは私たちにとって素晴らしい成果を上げています。
ドロップダウンなどの特殊なデザイン要素については、htmlドロップダウンからの選択に基づいて、モーダルまたはタグのリストを使用して回避します。
そして素晴らしいことに、これはモバイルで驚異的に機能しました。

とにかく、私はAPIに関するドキュメントを探していました。 別のPWAクライアントで開発を始めています。 参加してみませんか?

私たちはSPAの開発に熱心に取り組んでいます

反対票を投じることができる問題はありますか?

ええ、私はこれをSPAとして書いていません。 リアルタイムの要素を持つこともできますが、すべてのコア機能はJSを有効にしなくても機能することが望ましいです。

私はこれをSPAに変えるようにチームに求めているのではありません。 それは一般的にオープンウェブにとって悪いことです。
しかし、私はむしろ、giteaAPIと通信できる独立したSPAを開発したいと思っています。
そのためには、十分に文書化されたREST APIの優れたセットがあれば、きっと大いに役立ちます。

SwaggerAPIドキュメントを提供していただきありがとうございます。 APIは本番環境での使用に対して安定していますか?

ありがとうございました

@ bang88ほとんどの場合APIのリファレンスとしてgithubに従います。 それは安定していて、最近行われた最も大きな変更は新しいメソッドの追加でした。

@sapkありがとう、後でチェックします

こんにちは。
フレームワークについて何か決定はありますか?
私はすでに取り組んできました:
ブートストラップ>>セマンティック-UI >>ブルマ
現在、Foundationで動作しています。 Foundationは最高に設計されたWebフレームワークだと思います。

私は数年前にあるプロジェクトでファンデーションを使用しましたが、どういうわけかそれが気に入らなかったので、物事を正しく行うのは面倒でした。 変更する場合は、Bulma + vuejsを使用します:)

使用されているcssフレームワークを変更することはまったくないと思います。このフレームワークはレスポンシブUIで非常にうまく機能し、適切に実行する必要があります。 いくつかの動的パーツのvuejsを段階的に統合できます。

Bountysource

誰かがこれに取り組んでいますか? 突き刺して、少なくともSemanticのレスポンシブ機能を使用して、積み重ね可能なものを作成したいと思います。

賞金に$ 25を追加しました。 私はモバイルデバイスで頻繁に作業するので、これが本当に欲しいです。 ありがとうございました!

これをフォローしている場合:#2750で取り組んでいる変更のドラフトを公開しました。 それをチェックして、いくつかの変更を確認したい場合は教えてください、私は本当にフィードバックが大好きです!

@lunnyこれはもう

@ lafriks #2750をマージしました。 そして、私はあなたが他の考えを持っていることを除いて、この問題は#2750によって解決されたと思います。

プルリクエストがモバイルになるページの一部のみを実装している@lunnyですが、これを閉じるのは問題ありません。ただあなたの意見を聞いていました。

このページは役に立ちましたか?
0 / 5 - 0 評価