Plots2: 收集并解决 Bootstrap 4 后续修复

创建于 2019-04-24  ·  58评论  ·  资料来源: publiclab/plots2

嗨,我们终于在 #3937 升级到 Bootstrap4。 感谢@Souravirus 所做的出色工作 :tada: :100:

让我们一起来看看最新更新的 Bootstrap 4 UI https://stable.publiclab.org并与https://publiclab.org进行比较——并注意下面的问题。

请通过发表评论来报告下面的问题,不要打开单独的问题,以便我们可以让每个人保持同步:arrows_counterclock:

我们还希望您对下面报告的问题提供帮助,因此请坐好您的 :headphones: :computer: 并提出 PR。 如果您正在处理特定问题,请务必在下面发表评论,以免其他人处理相同的问题。

谢谢大家 :raised_hands: !!!


image

^ 看来发帖表单主图上传按钮的形状很奇怪!

Epic break-me-up bug help wanted

最有用的评论

很棒的作品
它是史诗般的

所有58条评论

@jywarren ,这是更新轮播的更新要点
https://gist.github.com/Souravirus/1f70b1ec63da1adaa686ccff7186ab2f

主图像按钮在 Firefox 中显示正常。
image
可能与浏览器存在一些差异。 看到这个。

好的,谢谢@Souravirus ,谢谢@gauravano ,我想我们应该开始一个新的🙌

我很乐意为这个问题做出贡献! 谢谢!

@jywarren刚刚编辑了这个问题:汗水微笑:。 另外,从#5182 添加@stefannibrasil和@sashadev-sky 的观察。 谢谢!

@stefannibrasil报告的

哦,好的 :v:

首页看起来很奇怪。 也许有人再次推动了其他提交?
轮播不工作,所有静态内容(社交媒体图标、问题按钮等)都没有显示。

一些需要添加的空格:

  • [ ] 节点和分页按钮之间(首页);
  • [ ] 在 /search 页面上的节点类型按钮之后;
  • [ ] 节点之间的结果(阅读更多按钮附加到另一个节点的图像);

一般注意事项

  • [] 在单选按钮或复选框中看到的任何错位都可以使用btsp_checkbox_override.css.scss的类来修复。 请注意,这些错位在更新之前就存在,并且更新尚未修复它们——@sashadev-sky。 详情请参阅https://github.com/publiclab/plots2/issues/5182#issuecomment -481104366
  • [ ] 在页面之间导航时,页脚会有所不同。 例如,在仪表板中,我看到的页脚与首页显示的页脚不同;
  • [x] 同样在仪表板中,当我点击“分享您的作品”时,下拉菜单浮动到右侧,而不是下方;
  • [ ] 添加问题时,按钮组中,Markdown 与其他不在同一行;
  • [ ] 在仪表板中突出显示的注释中,文本“来自公共实验室博客的 user1 的节点标题”未对齐;
  • [ ] 此处无法读取“输入标记”占位符,例如https://unstable.publiclab.org/getting-started (也许删除插入符号可以解决此问题,因为它已经是一个按钮的可见性?)
  • [x] 这里的按钮组没有对齐https://unstable.publiclab.org/wiki/plots-staff
  • [x] 将按钮帽与 /subscriptions 页面对齐;
  • [ ] 我认为这些问题和研究笔记的按钮太大了https://unstable.publiclab.org/wiki/organizers
  • [x] 只显示“从所有设备注销”选项,不确定这是不是故意的;

我想就是这样,干得好! :tada:


首页是指https://stable.publiclab.org/home :sweat_smile:

我很乐意为这个问题做出贡献! 谢谢!

最欢迎@gautamig54

@jywarren您报告的输入按钮问题发生在谷歌浏览器中
image

@jywarren ,输入按钮问题现已解决。 这是它的屏幕截图:
image
我正在推动 #5613 中的修复。

太好了,谢谢!!!!

在星期五,2019年4月26日,2:35 PM Sourav Sahoo [email protected]写道:

@jywarren https://github.com/jywarren输入按钮问题是
现在解决了。 这是它的屏幕截图:
[图像:图像]
https://user-images.githubusercontent.com/17192149/56828907-fad66280-687f-11e9-93f6-e3b5897c4f6c.png
我正在推动 #5613 中的修复
https://github.com/publiclab/plots2/pull/5613


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5612#issuecomment-487158505
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6J7X7CBA53E2KYVKIOTPSNDNPANCNFSM4HIH7DFA
.

由于某些错误未解决,因此重新打开此问题。

谢谢, @Souravirus - 我正在尝试将您的要点(https://gist.github.com/Souravirus/1f70b1ec63da1adaa686ccff7186ab2f)粘贴到首页轮播中,并且功能系统看起来有点奇怪; 当我尝试制作新功能时,它也会出错:

image

我知道你在考试,所以如果其他人能够帮助解决这个问题,那就太好了!

看起来表单的变化很小:
https://github.com/publiclab/plots2/commit/7744d91e9bf03544da2f38e7e66056b6f20162e0#diff -d218cc0d572a2c87e465b2f68f3a20f8R5

我将为此打开一个 PR 进行功能测试!

更新:嗯,它已经有一个功能测试。 我会尝试发布一个更简单的文本?

https://github.com/publiclab/plots2/blob/66aa809253e30781a1bdc8a974d67b0a47411687/test/functional/features_controller_test.rb#L76

更新:看起来它是功能控制器中create的后期保存。 希望在 Codenvy 中重现,我将打开一个新问题并停止在此处解决它。

(更新:已修复!)

(移动到它自己的问题,因为这会影响当前的生产站点)

@jywarren ,我看到轮播已修复,但还有其他一些问题,例如:

  • [x] 旋转木马和社交图标后没有空格
  • [x] 轮播没有改变
  • [x] 在问题、协作和解决方案部分之后有一个换行符。

是的,我试了一下,但没有完全成功! 这是代码:
https://gist.github.com/jywarren/3128766b5739555e6096aa12b27ab754

我忘记了你是否是不稳定的管理员,但我把它放在这里:
https://stable.publiclab.org/features/14908/edit?t=1556900971

我很快就会再试一次,我们必须在发布之前解决这个问题! 谢谢!

2019 年 5 月 2 日星期四下午 4:29 Sourav Sahoo通知@ github.com
写道:

@jywarren https://github.com/jywarren ,我看到轮播是固定的
但还有一些其他问题,例如:

  • 旋转木马和社交图标后没有空间
  • 轮播没有改变
  • 问题、协作和问题后有一个换行符
    解决方案部分。


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5612#issuecomment-488790466
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6J5OZVH4KGKAN5UGA3DPTM2ONANCNFSM4HIH7DFA
.

我不认为我是不稳定的管理员,因为我看不到链接。

@jywarren ,因为之前的旋转木马是由光滑的,对吧? 那么为什么它不能与 Bootstrap 4 一起工作。你怎么看?

你知道,我想如果有必要,我们可以冻结旋转木马,然后展示一个
图像作为短期修复。 只是说如果这更容易! 我以为
然而,此时块是页面下方的其余部分。 我会
明天看看!! 谢谢!!

在Sun,2019 5月5日,下午4:17 Sourav Sahoo [email protected]写道:

@jywarren https://github.com/jywarren ,自从上一个轮播
是由 slick 驱动的吗? 那么为什么它不适用于 Bootstrap 4。
你怎么看待这件事?


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5612#issuecomment-489459810
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6JZ3DI37LU5LLIFC4R3PT46FHANCNFSM4HIH7DFA
.

是的,我可以试试这个修复。 谢谢!!

惊人的!!!

2019 年 5 月 5 日星期日下午 4:34 Sourav Sahoo通知@ github.com
写道:

是的,我可以试试这个修复。 谢谢!!


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5612#issuecomment-489461145
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6J7E3DLQTPAYONPDMKLPT5AFFANCNFSM4HIH7DFA
.

@jywarren我改进了主页,只保留了一张图片而不是轮播图。
这是要点https://gist.github.com/Souravirus/7bb63f9188f955d85e856ea14e47caff
谢谢!!

看起来很棒,Sourav,谢谢。 我可能会弄乱白色文字,但它已经不完美了......

https://stable.publiclab.org/home

我注意到现在只有 2 列,我们以前显示 4 列;

Screen Shot 2019-05-06 at 10 18 52 AM

我们是否需要更改views/notes/_notes.html.erb的样式以使其成为 4 列?

嗯,这看起来很可疑,让我看看。

@jywarren ,实际上我在更新时犯了一个错误。 我已将 col-md-3 col-lg-6 更改为 col-lg-3。 所以,现在一切都会好起来的。
谢谢!!

  • [x] 在这里发现了几个小的; 一个是我们可能会摆脱的功能,但它使用标签tabbed:notes来显示选项卡; 将此页面 (https://stable.publiclab.org/wisconsin) 与 PublicLab.org 上的页面进行比较:

image

  • [x] 另一个是小; 我在几个地方看到这一点,但按钮组偶尔会显示不连续性,其中左端按钮卡在组中间:

image

image
这是我登录本地主机时遇到的错误。 所以,这是错误@jywarren
错误在最新提交的某个地方。

嗯,哦哦! 嗯,我刚刚合并了一个通过测试解决这个问题的 PR。 做过
合并出了什么问题?

2019 年 5 月 7 日,星期二,下午 4:05,Sourav Sahoo通知@ github.com
写道:

[图像:图像]
https://user-images.githubusercontent.com/17192149/57329335-34855400-7131-11e9-9382-ffc7f1e4542a.png
这是我登录本地主机时遇到的错误。 所以,这是
错误@jywarren https://github.com/jywarren


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5612#issuecomment-490235028
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6JZXTLKYT4FCYBCV7TTPUHOEVANCNFSM4HIH7DFA
.

呃……应该可以用吧?
https://github.com/publiclab/plots2/search?q=logged_in_as

2019 年 5 月 7 日,星期二,下午 4:05,Sourav Sahoo通知@ github.com
写道:

[图像:图像]
https://user-images.githubusercontent.com/17192149/57329335-34855400-7131-11e9-9382-ffc7f1e4542a.png
这是我登录本地主机时遇到的错误。 所以,这是
错误@jywarren https://github.com/jywarren


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5612#issuecomment-490235028
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6JZXTLKYT4FCYBCV7TTPUHOEVANCNFSM4HIH7DFA
.

https://github.com/publiclab/plots2/blob/d55c716621d8072d0ffcd51b46c6b2b240ce5f4d/app/helpers/application_helper.rb#L3

2019 年 5 月 7 日星期二下午 4:30,Jeffrey Warren [email protected]写道:

呃……应该可以用吧?
https://github.com/publiclab/plots2/search?q=logged_in_as

2019 年 5 月 7 日,星期二,下午 4:05,Sourav Sahoo通知@ github.com
写道:

[图像:图像]
https://user-images.githubusercontent.com/17192149/57329335-34855400-7131-11e9-9382-ffc7f1e4542a.png
这是我登录本地主机时遇到的错误。 所以,这是
错误@jywarren https://github.com/jywarren


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5612#issuecomment-490235028
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6JZXTLKYT4FCYBCV7TTPUHOEVANCNFSM4HIH7DFA
.

确认,助手可用于视图,但默认情况下不可用于控制器。 我们
将需要更改我们从控制器执行此操作的位置...

2019 年 5 月 7 日星期二下午 4:30,Jeffrey Warren [email protected]写道:

>

https://github.com/publiclab/plots2/blob/d55c716621d8072d0ffcd51b46c6b2b240ce5f4d/app/helpers/application_helper.rb#L3

2019 年 5 月 7 日星期二下午 4:30,Jeffrey Warren [email protected]写道:

呃……应该可以用吧?
https://github.com/publiclab/plots2/search?q=logged_in_as

2019 年 5 月 7 日,星期二,下午 4:05,Sourav Sahoo通知@ github.com
写道:

[图像:图像]
https://user-images.githubusercontent.com/17192149/57329335-34855400-7131-11e9-9382-ffc7f1e4542a.png
这是我登录本地主机时遇到的错误。 所以这
是错误@jywarren https://github.com/jywarren


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5612#issuecomment-490235028
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6JZXTLKYT4FCYBCV7TTPUHOEVANCNFSM4HIH7DFA
.

好的,我现在将这个方法复制到 application_controller 中,只是
来解决这个问题。

2019 年 5 月 7 日星期二下午 4:31,Jeffrey Warren [email protected]写道:

确认,助手可用于视图,但默认情况下不可用于控制器。 我们
将需要更改我们从控制器执行此操作的位置...

2019 年 5 月 7 日星期二下午 4:30,Jeffrey Warren [email protected]写道:

>

https://github.com/publiclab/plots2/blob/d55c716621d8072d0ffcd51b46c6b2b240ce5f4d/app/helpers/application_helper.rb#L3

2019 年 5 月 7 日星期二下午 4:30,Jeffrey Warren [email protected]写道:

呃……应该可以用吧?
https://github.com/publiclab/plots2/search?q=logged_in_as

2019 年 5 月 7 日,星期二,下午 4:05,Sourav Sahoo通知@ github.com
写道:

[图像:图像]
https://user-images.githubusercontent.com/17192149/57329335-34855400-7131-11e9-9382-ffc7f1e4542a.png
这是我登录本地主机时遇到的错误。 所以这
是错误@jywarren https://github.com/jywarren


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5612#issuecomment-490235028
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6JZXTLKYT4FCYBCV7TTPUHOEVANCNFSM4HIH7DFA
.

但我想在测试中捕捉到这一点——并知道为什么它不起作用!
https://github.com/publiclab/plots2/pull/5677

2019 年 5 月 7 日星期二下午4 : [email protected]写道:

好的,我现在将这个方法复制到 application_controller 中,只是
来解决这个问题。

2019 年 5 月 7 日星期二下午 4:31,Jeffrey Warren [email protected]写道:

确认,助手可用于视图,但默认情况下不可用于控制器。 我们
将需要更改我们从控制器执行此操作的位置...

2019 年 5 月 7 日星期二下午 4:30,Jeffrey Warren [email protected]写道:

>

https://github.com/publiclab/plots2/blob/d55c716621d8072d0ffcd51b46c6b2b240ce5f4d/app/helpers/application_helper.rb#L3

2019 年 5 月 7 日星期二下午 4:30 Jeffrey Warren [email protected]
写道:

呃……应该可以用吧?
https://github.com/publiclab/plots2/search?q=logged_in_as

2019 年 5 月 7 日,星期二,下午 4:05,Sourav Sahoo通知@ github.com
写道:

[图像:图像]
https://user-images.githubusercontent.com/17192149/57329335-34855400-7131-11e9-9382-ffc7f1e4542a.png
这是我登录本地主机时遇到的错误。 所以这
是错误@jywarren https://github.com/jywarren


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5612#issuecomment-490235028
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6JZXTLKYT4FCYBCV7TTPUHOEVANCNFSM4HIH7DFA
.

好的,修好了! https://stable.publiclab.org/dashboard - 仍然不确定这怎么没有被测试发现......也许是因为我们在包含 ApplicationHelper 的情况下运行测试? 我会尝试为仪表板编写系统测试!

OK,仪表板系统测试在这里: https :

  • [X]image
    @jywarren ,在主页中,这些项目是重叠的,您能否再次将主页功能发送给我,我会更正它们。
    很高兴听到仪表板工作正常。
    :微笑:
  • [ ] 啊! 我们的注册 spamaway 测验有点时髦!

image

这是头版! https://gist.github.com/jywarren/3128766b5739555e6096aa12b27ab754

谢谢, @Souravirus !!!

大声笑我给出了答案🐷 🐻 🐰 ✍️

嗯,我实际上看到整个注册表单的一些格式问题:

image

@IshaGupta18 @CleverFool77我认为你们都使用过这个文件,并且可能对它很熟悉。 你们中的任何一个都想尝试重构它以在 Bootstrap 4 中正常工作吗?

很棒的作品
它是史诗般的

@jywarren ,侧边栏中停止的按钮实际上是一个下拉菜单,因此,我无法将其与其他按钮附加在一起。 所以我该怎么做? 我猜其他按钮工作正常,但这个按钮停止了。

唔。 在 Bootstrap 3 中,有一个针对此场景的示例。 关于什么
这? https://getbootstrap.com/docs/4.3/components/button-group/#nesting

2019 年 5 月 9 日星期四下午 3:47 Sourav Sahoo通知@ github.com
写道:

@jywarren https://github.com/jywarren ,侧边栏中的那个按钮
停止实际上是一个下拉列表,所以,我不能将它与其他
纽扣。 所以我该怎么做? 我猜其他按钮工作正常,但
这一停。


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5612#issuecomment-491040519
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6J6LIBOUQSSW25677KLPUR5TVANCNFSM4HIH7DFA
.

好的检查一下。

image
确定按钮固定

惊人的! 添加到稳定,它完美地工作。

2019 年 5 月 9 日星期四下午 4:04 Sourav Sahoo通知@ github.com
写道:

这是为小屏幕更新的主页
https://gist.github.com/Souravirus/7bb63f9188f955d85e856ea14e47caff


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5612#issuecomment-491046033
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6J4FBYSBEW2PXPTIPJTPUR7TZANCNFSM4HIH7DFA
.

惊人的!!!

2019 年 5 月 9 日星期四下午 4:28 Sourav Sahoo通知@ github.com
写道:

[图像:图像]
https://user-images.githubusercontent.com/17192149/57484448-aba02100-72c6-11e9-8acb-4aa44b6e5fda.png
确定按钮固定


你收到这个是因为你被提到了。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5612#issuecomment-491053985
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6JYVWTISPHUXWEHHRMDPUSCOJANCNFSM4HIH7DFA
.

只是在这里添加一些:

  • [ ] 右上角的头像以前是圆形的
  • [x] 拖拽上传引导wiki图片区以前比较高,如果还没有图片集- 基本与textarea顶部一致
  • [x] 编辑工具按钮组之间的距离似乎有点太近了

image

这些页面上还有一些填充问题:

  • [x] 我认为“方法”卡在手机宽度中需要一些底边距:

image

小东西,但有所作为!

好的,这里还有一个——页脚似乎都在一个列中——我们快到了!

image

修复了页脚! 这是在一个功能!

另一个小而重要的 - 随着导航栏变窄,我们将其设置为将项目撞到下拉菜单中,但现在它们无法正确显示;

image

参考问题https://github.com/publiclab/plots2/issues/5741

  • [] 根据 bootstrap4 更新表单

大家好,我想解决一些bootstrap4的后续修复。
谢谢 !!!

您好,我们很乐意得到您的帮助! 尤其是导航栏,实际上,就像那样
影响每一页!

2019 年 5 月 21 日,星期二,上午 7:52,Lekhika Dugtal通知@github.com
写道:

大家好,我想对 bootstrap4 进行一些后续修复。
谢谢 !!!


您收到此消息是因为您修改了打开/关闭状态。
直接回复本邮件,在GitHub上查看
https://github.com/publiclab/plots2/issues/5612?email_source=notifications&email_token=AAAF6J7QFKKDWBONCODVABDPWPO57A5CNFSM4HIH7DFKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXWWZ7UMT4000000000000000000000000000000048000000004800000000000004000400400400040040004000400000000000000000000000000000000000000000000000000000000000000000004
或静音线程
https://github.com/notifications/unsubscribe-auth/AAAF6JZCCFMFL5Z2HKWXA6DPWPO57ANCNFSM4HIH7DFA
.

大家好! 感谢您为此所做的所有工作。 哇!!

一个建议是,自从更新以来,我一直在将公共实验室窗口的缩放比例降低到 75%,这样我就可以在一页上看到足够的内容来了解​​发生了什么。 还有其他人遇到过这种情况吗? 有没有办法减小字体大小?

@CleverFool77在这里工作真的很棒。 继续努力吧!!

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

first-timers[bot] picture first-timers[bot]  ·  3评论

keshavsethi picture keshavsethi  ·  3评论

RuthNjeri picture RuthNjeri  ·  3评论

divyabaid16 picture divyabaid16  ·  3评论

milaaraujo picture milaaraujo  ·  3评论