Plots2: 修复“插入标题”工具栏按钮响应样式

创建于 2021-03-21  ·  3评论  ·  资料来源: publiclab/plots2

在旧版编辑器中,当您调整窗口大小时,“插入标题”工具栏按钮的图标会完全消失。
具体来说,如果窗口的宽度大于 700 像素且小于 1000 像素。

视频

(标题按钮是下面视频中的 H)

https://user-images.githubusercontent.com/4361605/111892783-b005ec80-89bb-11eb-81e6-14d68b3a9422.mov

如何繁殖

转到我们网站上使用旧版编辑器的任何地方。 这包括笔记、维基和问题。
它还包括/wiki/new

  1. 例如,在我们稳定的测试服务器上转到此注释
  2. 如上调整窗口大小,并注意 H 是如何消失的。

建议的修复

您必须对代码库和 CSS 样式表进行一些研究。

工具栏的部分位于/app/views/editor/_toolbar.html.erb
https://github.com/publiclab/plots2/blob/07a243da39702501d0f5d4de8a3683a24d680a38/app/views/editor/_toolbar.html.erb#L29 -L44

我注意到,该图标被包裹在span带班d-md-none ,所以这可能是它。 但一定要玩这个,看看你会发现什么!

对于刚刚完成 FTO 并想要更具挑战性的东西的人来说,这是一个很好的问题。

在此处发表评论以声明此问题,之后,如果遇到问题,请随时发表评论寻求帮助!

CSS easy feature help wanted

最有用的评论

@waridrox很好,这很快! 继续,如果您遇到困难,请在此处发表评论。

所有3条评论

我可以试试吗? @noi5e

@waridrox很好,这很快! 继续,如果您遇到困难,请在此处发表评论。

你知道他们说什么 - 有时答案就在你面前......

https://github.com/publiclab/plots2/blob/07a243da39702501d0f5d4de8a3683a24d680a38/app/views/editor/_toolbar.html.erb#L29 -L43
在这种情况下,第 40 行的代码应用了一个与样式冲突的不必要的 span 元素。 删除它只是解决了问题:D

_更改后没有任何功能受到阻碍,尽管花了很多时间才找到这个😅_

https://user-images.githubusercontent.com/58583793/111906743-2831e800-8a78-11eb-953d-58dfe534048b.mp4

我已经恢复了颜色,它们只是为了调试目的。

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