Long length title will cause a bug in navbar

myuki commented 5 years ago

[x] I confirm that this is an issue rather than a question.

Bug report

Steps to reproduce

Use default theme on VuePress v1.x

在 VuePress v1.x 上使用默认主题

config.js:

module.exports = {
    title: '长度过大的标题会有显示问题，这是一条演示',
    themeConfig: {
        search: false,
        sidebarDepth: 0,
        activeHeaderLinks: false,
    }
}

What is expected?

Text beyond the width of the screen should be omitted

超出屏幕宽度部分的文字被省略

What is actually happening?

Long length title that beyond the width of the screen will use a newline. The text exceeds the border of the navbar

超出屏幕宽度的标题文字会进行换行，导致文字超出导航栏边界。

Bug Picture

This is the case when I use my mobile phone visit the site. It can be reproduced on Firefox(Android)、Android System WebView, also Firefox(windows)、Edge(windows)

这是使用手机访问显示的效果，手机上使用 Firefox Priview、Android System WebView，电脑使用 Firefox、Edge 均能复现

ulivz commented 5 years ago

Contribution welcome.

BTW, I'll appreciate if you take the time to translate the issue to English so anybody can answer, you will also benefit from this :)

myuki commented 5 years ago

Contribution welcome.

BTW, I'll appreciate if you take the time to translate the issue to English so anybody can answer, you will also benefit from this :)

I think so, but I'm busy in the day, meybe tonight I will translate this :D

seifsay3d-zz commented 5 years ago

Someone on this or can I take it?

vuejs / vuepress