Gitea: 响应式用户界面

创建于 2016-11-03  ·  47评论  ·  资料来源: go-gitea/gitea

我们应该以最实惠的价格提供响应式 UI。 最好的方法应该是一个单独的视图，就像在 gitHub 上所做的那样，但在短期内，我们可以简单地提供响应元素，以便在移动设备上也能提供良好的视图。

想要支持这个问题吗？ 悬赏吧！ 我们通过Bountysource接受赏金。

kinenhancement kinui
资料来源
picture tboerger
👍6

最有用的评论

最好的方法应该是一个单独的视图，就像在 gitHub 上所做的那样，但在短期内，我们可以简单地提供响应元素，以便在移动设备上也能提供良好的视图。

我实际上认为响应式设计比单独的移动视图更好。 我_讨厌_我不能用 GitHub 上的移动视图做所有事情。

picture jhasse 于 2016-11-03
👍25

所有47条评论

如果要考虑一个新的网络框架，我想推荐Bulma 。 它基于 flexbox，易于使用。

jeppech picture jeppech 于 2016-11-03

我也用过 Bulma 也很喜欢，但我也喜欢当前的设计，我们可以考虑响应式设计，但我认为可以在未来。

joubertredrat picture joubertredrat 于 2016-11-03

我认为我们可以继续使用当前的框架，我们只需要启用响应式定义。

tboerger picture tboerger 于 2016-11-03
👍9

Semantic _真的_很容易做出响应，所以不需要切换框架。
就个人而言，我只会一次更新一个视图以使其具有响应性，而不是复制和重写整个站点。 我们还通过什么方式获得可以轻松审查的“小”修复：slightly_smiling_face：

bkcsoft picture bkcsoft 于 2016-11-03

更改 UI 是一项繁重的工作。 我更喜欢@tboerger的想法。 而对于移动用户，我认为制作一个 android 和一个 ios 项目来满足他们。 我们可以基于一些开源 github 客户的工作来完成这项工作。

lunny picture lunny 于 2016-11-03

最好的方法应该是一个单独的视图，就像在 gitHub 上所做的那样，但在短期内，我们可以简单地提供响应元素，以便在移动设备上也能提供良好的视图。

我实际上认为响应式设计比单独的移动视图更好。 我_讨厌_我不能用 GitHub 上的移动视图做所有事情。

jhasse picture jhasse 于 2016-11-03
👍25

我同意@jhasse

bkcsoft picture bkcsoft 于 2016-11-03

我以前有过语义 UI 的经验。 我试图让一切都stackable ，我还调整了一些偏移量。 但最后的结果并不好。

有太多棘手的技巧和!important标志，当前样式中的浮动元素。 布局都是为桌面设计的（_不考虑将来支持移动设备_）。

元素不多，模块目前可以在Bulma中使用。 语义 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

YamiOdymel picture YamiOdymel 于 2017-02-13

好吧，如果要完全重写它，为什么不将其替换为 bootstrap 呢？ 以及我们在做的主题 :trollface:

bkcsoft picture bkcsoft 于 2017-02-14

@bkcsoft旧版本的 Gogs 是引导程序。 然后bootstrap -> semantic UI -> bootstrap ...

lunny picture lunny 于 2017-02-15

好吧，如果它不起作用你就切换 ;)

bkcsoft picture bkcsoft 于 2017-02-15

我认为从语义 UI 更改为引导程序是个坏主意，如果想要编写新的界面以具有与 Gogs 不同的视觉效果并支持响应式，也许Bulma可能会这样做，但我认为这是使这更领先的好主意

joubertredrat picture joubertredrat 于 2017-02-15

我建议继续使用语义 UI。 已经有很多模块可以在语义 UI 中使用，例如Dropdown （在 Gitea 中用于创建 repos_）。

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

但是 Bootstrap 没有自带模块，你必须用谷歌搜索模块。 并且一些模块样式是为 Bootstrap 原始样式设计的。

这意味着如果您更改 Bootstrap 的主题，模块样式仍将保留原始 Bootstrap 主题。 （例如：引导程序切换）

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

YamiOdymel picture YamiOdymel 于 2017-02-15

当前的问题是用户界面在移动设备上并不是非常好。 这不是一个每个人都可以就无法解决的问题发表意见的民主。 如果有人贡献了比当前桌面和移动设备更好的修复程序，那么它可以合并。 无论它是使用引导程序或语义还是其他东西。 如果您希望 Semantic 获胜，请使用 Semantic 提供更好的解决方案。

ptman picture ptman 于 2017-02-15
👍3

@ptman即使是完全不同的设计也可以合并吗？

YamiOdymel picture YamiOdymel 于 2017-02-15

@YamiOdymel不取决于我，取决于维护者

ptman picture ptman 于 2017-02-15

小概念问题，真的有必要将布局设置为响应式吗？ 我与我所在的所有朋友和社区进行了交谈，但没有人谈到使用智能手机访问 github 或 gitlab 上的代码、问题或其他信息。

我认为最好在现在实施之前对此功能进行民意调查

joubertredrat picture joubertredrat 于 2017-02-15

如果您不使用智能手机访问 Gitea，您为什么要关心这是否已实施？

jhasse picture jhasse 于 2017-02-15

@jhasse但这就是重点，如何实现不会使用的功能？ 我不是说不需要实施，我的印象是这被视为优先事项。

因为这是我提出这个问题，真的有必要并且是优先事项吗？ 让我们现在做。 不是吗？ 让我们在未来做这个。

joubertredrat picture joubertredrat 于 2017-02-15

我的“投票”是 _not_ 更改设计，除非绝对必要🙂

bkcsoft picture bkcsoft 于 2017-02-22
👍6

在我看来，在 CSS 中使用!important比破坏移动布局要小得多。 当前的维护者会反对可能大量使用!important的 PR 吗？

evantbyrne picture evantbyrne 于 2017-02-25

我在这些事情上大量使用移动视图，我们必须提供响应式设计。 我个人更喜欢引导程序，这是我最了解的。 语义 ui 对我来说仍然感觉很奇怪。 我真的不在乎我们最终使用什么，只要它适用于多个设备

tboerger picture tboerger 于 2017-02-26

+1 为 Bootstrap 4

andreynering picture andreynering 于 2017-02-26
👎4 👍2

切换到 bootstrap 4，也许我们需要改变很多。 那么我们的前端框架会是 vue.js + bootstrap4 吗？

lunny picture lunny 于 2017-02-27
👎3 👍1

但是 Bootstrap 没有自带模块，你必须用谷歌搜索模块。 并且一些模块样式是为 Bootstrap 原始样式设计的。

@YamiOdymel Bootstrap有 _loads_ 个模块，其中大部分都遵循您提供的主题。
下拉示例： https :

bkcsoft picture bkcsoft 于 2017-02-27

我不记得我们使用的任何奇异模块

tboerger picture tboerger 于 2017-02-27

1253 改进了移动设备的探索页面。

pgaskin picture pgaskin 于 2017-03-14

这将是一个长期的问题。 所以我把它从 v1.2.0 移到 v1.xx

lunny picture lunny 于 2017-04-06

我一直在考虑在 Bootstrap 或 Bulma 或类似的东西中重写 Gitea 的 UI 的想法。 如果有人想谈论它或合作或其他什么，请给我留言，我认为这将是一个有趣的挑战。

sondr3 picture sondr3 于 2017-05-16

我们致力于使用 vue 和 bulma 开发 SPA。 到目前为止，它对我们来说效果很好。
至于像下拉菜单这样的专门设计元素，我们通过基于从 html 下拉菜单中选择的模式或标签列表来绕过它们。
奇妙的是，这在移动设备上产生了奇迹。

无论如何，我一直在寻找有关 API 的文档。 我正在一个单独的 PWA 客户端上开始开发。 想加入吗？

ghost picture ghost 于 2017-06-02

我们专注于SPA的开发

是否有我可以投票反对的问题？

jhasse picture jhasse 于 2017-06-06
😄2

是的，我第二个不是把它写成一个 SPA。 我们可以拥有实时元素，但所有核心功能最好都应该在不启用 JS 的情况下工作。

bkcsoft picture bkcsoft 于 2017-06-15
👍5

我不是要团队把它变成一个 SPA。 这通常对开放网络不利。
但我更愿意开发一个可以与 gitea API 对话的独立 SPA。
为此，拥有一套完善的记录良好的 REST API 肯定会有很大帮助。

ghost picture ghost 于 2017-06-15

@exp10r3r https://try.gitea.io/swagger

lunny picture lunny 于 2017-06-16

感谢您提供 swagger api 文档。 api 对生产使用稳定吗？

谢谢

bang88 picture bang88 于 2017-06-20

@bang88它主要遵循 github 作为 api 的参考。 我会说它很稳定，最近所做的最大变化是添加了新方法。

sapk picture sapk 于 2017-06-20

@sapk谢谢你，我稍后再看看

bang88 picture bang88 于 2017-06-20

你好。
对框架有任何决定吗？
我已经致力于：
Bootstrap >> Semantic-UI >> Bulma
现在在 Foundation 工作。 我认为 Foundation 是设计最好的 Web 框架。

lcges picture lcges 于 2017-08-31

几年前我在一个项目中使用过基础，不知何故我不喜欢它，把事情做好太麻烦了。 如果改变我是 Bulma+vuejs :)

lafriks picture lafriks 于 2017-08-31
👍1

我认为我们根本不会改变使用的 css 框架，这个框架对于响应式 uis 工作得很好，只需要正确地完成。 我们可以一步一步地为一些动态的部分集成vuejs。

tboerger picture tboerger 于 2017-09-01

Bountysource

jonasfranz picture jonasfranz 于 2017-09-15
👍5 ❤4

有人在做这方面的工作吗？ 我想尝试一下，并尝试至少使用 Semantic 的响应功能并使我可以堆叠的东西。

thehowl picture thehowl 于 2017-10-19
👍3

我刚刚在赏金中增加了 25 美元。 我真的很想拥有这个，因为我经常在我的移动设备上工作。 谢谢！

hellasteph picture hellasteph 于 2017-10-19
❤1 🎉1

如果您正在关注此问题：我发布了我正在处理的更改草案 #2750。 看看并告诉我你是否想看到一些变化，我真的很喜欢反馈！

thehowl picture thehowl 于 2017-10-20
👍6 ❤4 🎉2

@lunny这可以关闭了吗？

lafriks picture lafriks 于 2017-12-31

@lafriks我刚刚合并了 #2750。 我认为是的，这个问题已由 #2750 解决，除非您有其他想法。

lunny picture lunny 于 2017-12-31

@lunny拉取请求仅将部分页面实现为可移动，但我可以关闭它，只是询问您的意见。

lafriks picture lafriks 于 2017-12-31
此页面是否有帮助？
0 / 5 - 0 等级

相关问题

ghost picture ghost  ·  3评论
Fastidious picture Fastidious  ·  3评论
haytona picture haytona  ·  3评论
internalfx picture internalfx  ·  3评论
kolargol picture kolargol  ·  3评论