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

sidebar 社交那块排列有问题 #1806

Closed
3 tasks done
bihell opened this issue Aug 8, 2017 · 9 comments
Closed
3 tasks done

sidebar 社交那块排列有问题 #1806

bihell opened this issue Aug 8, 2017 · 9 comments

Comments

@bihell
Copy link

bihell commented Aug 8, 2017

I agree and want to create new issue


Expected behavior

用了最新发布的版本.正常社交那块应该是两两排列的
https://almostover.ru

Actual behavior

但我这边..特别诡异
http://www.bihell.com

Steps to reproduce the behavior

Link to demo site with this issue: N/A
Link(s) to source code or any usefull link(s): N/A

NexT Information

NexT Version:

[ ] Master
[x] Latest Release
[ ] Old version - 

NexT Scheme:

[x] All schemes
[ ] Muse
[ ] Mist

Other Information

@aixiu
Copy link

aixiu commented Aug 8, 2017

你的网站社交是两排两列显示的,没发现有啥不一样

@bihell
Copy link
Author

bihell commented Aug 8, 2017

@aixiu 我知道问题在哪里了...浏览器的问题.我用Safari就会碰到这个问题.看来部分浏览器不兼容..
2017-08-08 11 41 11

@aixiu
Copy link

aixiu commented Aug 9, 2017

@bihell 我用的火狐 ,谷歌,都没。那你可以用英文提问,让他修复!!中文他看不明白。

@bihell
Copy link
Author

bihell commented Aug 9, 2017

@aixiu = =....作者不是国人啊..等下有时间改下...

@ivan-nginx
Copy link
Collaborator

@bihell what's the problem? Try to use icons_only option. Maybe flex or any CSS3 styles not work on old browsers. Anyway, Safary is not best browser. But also, if anything work on my AO site - this may be fixed in current master branch.

@bihell
Copy link
Author

bihell commented Aug 10, 2017

@ivan-nginx It's a arrangement problems of social area. When user use Safari, the problem will
appear . I'v checked with other guys,Same problem here.
2017-08-08 11 41 11

@ivan-nginx
Copy link
Collaborator

ivan-nginx commented Aug 10, 2017

@bihell only on safary? And only on your site or clean test latest master branch demo site too?
Why i give link on almostover.ru?

OS type/version?
Safari version?


  1. browserstack give this screens. And only on OS X El Capitansafari 9.1 i see this arrangement on your site like on your screen.

  2. AO site fine. But this is old version, not latest master branch. There is not flex style, there is float: left style without icons_only option.

    Latest version almost always at test.almostover.ru, and see — it's fine too. But this with icons_only enabled option. Ok, let's switch it off

    social_icons:
    -icons_only: true
    +icons_only: false

    hexo clean && hexo g

  3. And see again: only first and last icons are centered, and this is very strange.

Ok, bug was found, but this bug i think only on Safari 9.x. And on older versions of Safari flex display (icons arrangement) alignment not work. On other latest browsers flex work fine and it's strange.

For now u may temporary fix this by enabling icons_only option.

@ivan-nginx
Copy link
Collaborator

Fixed in 83c2b84 for Safari 9.x and later.

@bihell if solved, close it.

@bihell
Copy link
Author

bihell commented Aug 10, 2017

OK, Thans a lot. BTW: I'm using Safari Version 10.1.2 (12603.3.8)

@bihell bihell closed this as completed Aug 10, 2017
Raincal pushed a commit to Raincal/hexo-next that referenced this issue Aug 10, 2017
wafer-li pushed a commit to wafer-li/hexo-theme-next that referenced this issue Dec 29, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants