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

Toc icon don't show in nav-item responsive screen #216

Closed
ngtrian opened this issue Mar 14, 2017 · 6 comments
Closed

Toc icon don't show in nav-item responsive screen #216

ngtrian opened this issue Mar 14, 2017 · 6 comments
Assignees
Labels
bug Issue reports a bug resolved Issue is resolved, yet unreleased if open
Milestone

Comments

@ngtrian
Copy link

ngtrian commented Mar 14, 2017

Description

Sometimes tocs icon in nav-item does not show up
This is my site:
http://docs.nopviet.com/

Actual behavior

Desktop size:
image

Responsive size:
image

Package versions

  • Python 2.7.12
  • mkdocs, version 0.16.1
  • Material: 1.3.0

Project configuration

site_name: nopCommerce Docs
site_url: http://docs.nopviet.com
site_description: Tài liệu trang docs.nopviet.com | nopCommerce Việt Nam
site_author: nopViet Team
repo_url: http://nopviet.com
repo_name: nopViet.com

theme_dir: mkdocs-material/material

extra_css:
  - css/extra.css

extra:
  feature:
    tabs: false
  palette:
    primary: 'indigo'
    accent: 'light blue'
    
google_analytics:
  - 'UA-39056872-8'
  - 'auto'

# Copyright
copyright: 'Copyright &copy; 2017 <a href="http://nopviet.com/" title="nopCommerce Vietnam Community"> nopViet | Cộng đồng nopCommerce Việt Nam</a>'

# Extensions
markdown_extensions:
  - admonition
  - codehilite
  - toc:
      permalink: "#"
      # Xử lý ký tự "đ" khi tạo header id
      slugify: !!python/name:pymdownx.slugs.uslugify
  - pymdownx.arithmatex
  - pymdownx.betterem(smart_enable=all)
  - pymdownx.caret
  - pymdownx.critic
  - pymdownx.inlinehilite
  - pymdownx.magiclink
  - pymdownx.mark
  - pymdownx.smartsymbols
  - pymdownx.superfences
  - pymdownx.tasklist(custom_checkbox=true)
  - pymdownx.tilde

pages:
    - Giới thiệu: index.md
    - Sử dụng nopCommerce: 
      - Bắt đầu: user-guide/bat-dau.md
      - Cài đặt nopCommerce: user-guide/cai-dat-nopcommerce.md
      - Thiết lập cửa hàng:
        - Giao diện trang quản trị: user-guide/giao-dien-quan-tri.md
        - Thiết lập cửa hàng:
          - Thiết lập cơ bản: user-guide/thiet-lap-co-ban.md
          - Thiết lập thanh toán: user-guide/thiet-lap-thanh-toan.md
          - Thiết lập thuế: user-guide/thiet-lap-thue.md
          - Thiết lập giao hàng: user-guide/thiet-lap-giao-hang.md
          - Thiết lập khách hàng: user-guide/thiet-lap-khach-hang.md
          - Tất cả thiết lập (nâng cao): user-guide/thiet-lap-nang-cao.md
        - Quản trị hệ thống: user-guide/quan-tri-he-thong.md
        - Giao diện: user-guide/giao-dien.md
      - Khởi chạy cửa hàng:
        - Quản lý sản phẩm: user-guide/quan-ly-san-pham.md
        - Quản lý đơn hàng: user-guide/quan-ly-don-hang.md
        - Quản lý khách hàng: user-guide/quan-ly-khach-hang.md
        - Lập báo cáo: user-guide/lap-bao-cao.md
      - Tiếp thị cửa hàng:
        - Công cụ quảng cáo: user-guide/cong-cu-quang-cao.md
        - Quản lý nội dung: user-guide/quan-ly-noi-dung.md
      - Tài liệu hướng dẫn cho các version cũ: user-guide/tai-lieu-nopcommerce-khac.md
    - Phát triển nopCommerce: 
      - Tut hướng dẫn phát triển: developer-guide/tut-developer.md
      - Tạo plugin nopCommerce:
        - Cách viết plugin nopCommerce: developer-guide/cach-viet-plugin-nopcommerce.md
        - Cách viết phương thức thanh toán riêng: developer-guide/cach-viet-phuong-thuc-thanh-toan-rieng.md
        - Cách viết phương thức giao hàng riêng: developer-guide/cach-viet-phuong-thuc-giao-hang-rieng.md
        - Plugin với truy cập dữ liệu: developer-guide/plugin-voi-truy-cap-du-lieu.md
        - Cách tạo menu cho plugin trong trang quản trị: developer-guide/cach-tao-menu-plugin.md
        - Thêm CSS và JS vào plugin nopCommerce: developer-guide/them-css-va-js-vao-plugin.md
        - Video hướng dẫn tạo plugin: developer-guide/video-huong-dan-tao-plugin.md
        - Khóa học về phát triển plugin nopCommerce: developer-guide/khoa-hoc-phat-trien-plugin.md
      - Hướng dẫn thiết kế: developer-guide/huong-dan-thiet-ke.md
    - Các câu hỏi thường gặp (FAQ): faq-nopcommerce.md

System information

  • OS: Ubuntu Server 16.04.2 LTS
  • Browser: Chrome
@squidfunk
Copy link
Owner

To clarify - you're talking about the mobile view?

@ngtrian
Copy link
Author

ngtrian commented Mar 14, 2017

Yes, It seems that the mobile view don't show toc icon

@squidfunk
Copy link
Owner

I can confirm this in your docs but not in mine - can you narrow the error down?

@ngtrian
Copy link
Author

ngtrian commented Mar 16, 2017

I have found a problem. If md file content does not contain header 1 (Which has header 2, header 3..), then icon toc will not be displayed in mobile view . Although header 1 is generated automatically from the setting pages in mkdocs.yml file.

@squidfunk squidfunk self-assigned this Mar 16, 2017
@squidfunk squidfunk added the bug Issue reports a bug label Mar 16, 2017
@squidfunk squidfunk added this to the 1.4.0 milestone Mar 16, 2017
@squidfunk
Copy link
Owner

Ok perfect, I will submit a fix.

@squidfunk squidfunk added the resolved Issue is resolved, yet unreleased if open label Mar 16, 2017
@squidfunk
Copy link
Owner

Fixed in 1.4.0 which was just released.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Issue reports a bug resolved Issue is resolved, yet unreleased if open
Projects
None yet
Development

No branches or pull requests

2 participants