Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

页面导航条变大些 #628

Closed
fyears opened this issue Jul 17, 2017 · 4 comments
Closed

页面导航条变大些 #628

fyears opened this issue Jul 17, 2017 · 4 comments
Labels

Comments

@fyears
Copy link
Member

fyears commented Jul 17, 2017

_20170717220218

页面底部的这个导航条如此之小,无论电脑的鼠标还是平板手机的手指都很难定位和点击。“能变得大气些吗” 这个是 bug 还是 feature?

最简单的做法是

ul.pagination {
  font-size: 1.5rem;
}

可是这样破坏了整个页面的设计感,和页面头部的

统计之都    2017/07/17    40 / 40

大小不一致了。

@yihui
Copy link
Member

yihui commented Jul 17, 2017

@yixuan#624 中把它放大了。我觉得这个问题可以单独抽出来发 PR。我倒是不建议放大字号,而是把 a 作为 inline-block 并增加 padding,这样可以使可点击区域变大,又不影响字号。

@yihui
Copy link
Member

yihui commented Jul 18, 2017

轩哥已经把填充距离稍微放大了。

我觉得最佳方案应该是用一点点 JavaScript 增加键盘左右箭头直接翻页(像我的个人博客一样),免得拿鼠标去戳。如果是移动设备,就增加扫屏翻页。

@tcgriffith
Copy link
Contributor

试着customize了一下导航条,效果如下:

http://owaraiclub.com/

如果觉得不错我就抽空发个PR

@yihui
Copy link
Member

yihui commented Nov 2, 2017

我觉得现在的大小用鼠标戳起来还可以吧,你们觉得呢?当然我也可以接受像 http://owaraiclub.com 那样用背景色块。

@yufree yufree closed this as completed Jun 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants