Giter Club home page Giter Club logo

Comments (6)

wzpan avatar wzpan commented on July 4, 2024

Hi, I found an issue that I have changed to use compressed version of bootstrap and jQuery but didn't make the layouts update it on time.

Do you mean the header can't call the modal event? This should be resolved at the last update. I've ask Kevin to update his theme.

from hexo-theme-freemind.

wzpan avatar wzpan commented on July 4, 2024

Hi @shmilee , after re-examining your issue I found that this is really a critical problem.

So I manually distinguish these two ids by making the id of ul to be modal-itemname. e.g. python -> modal-python

from hexo-theme-freemind.

shmilee avatar shmilee commented on July 4, 2024

deepinscrot-2318
配合图可能问题更清楚些,id=python的ul或h4,即红框的内容,会被绿框的标题栏,挡住一部分。所以我觉得ul或h4的位置应该根据标题栏高度,向下移一下。不然每次点击某一tag (如python)后,首先看到的h4标题是下一个tag的(即thinkpad)。

from hexo-theme-freemind.

wzpan avatar wzpan commented on July 4, 2024

这个问题并不是 id 导致的,而是由于导航栏是固定在顶部的,页面跳转的时候会覆盖 header 。一个解决方法是修改 header 的 padding-top 属性,你可以试试在样式中添加这个属性看看效果:

.archive h4 {
  padding-top: 40px;
}  

但这会导致每个 tag 的区块间差距较大,因此未必是一个很好的解决方案。

我的感觉是这个问题并不算太 critical ,所以未必需要进行调整。

from hexo-theme-freemind.

wzpan avatar wzpan commented on July 4, 2024

Hi @shmilee ,

I decided to use a jQuery fading effect to automatically fade out the navbar when scrolling.

With this fancy tweaking now your problem will be visually acceptable.

Example page: http://hahack.com/tags/

from hexo-theme-freemind.

wzpan avatar wzpan commented on July 4, 2024

Will that work for you? Can you close the issue now?

from hexo-theme-freemind.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.