3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-31 18:07:00 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix button wrapping behavior on mobile (#921)

Browse source 
* fixed button wrapping behavior

previous+next buttons with long text now stack properly on smaller screens

* truncates function/component names of prev/next buttons

Function/component names are truncated, while regular titles are wrapped

* removed unused styles

* fixed using idx (safe getter) for previous/next titles

passed through prettier and all tests pass
This commit is contained in:
Jaril Valenciano 2018-09-02 01:45:32 -04:00 • committed by Yangshun Tay
parent 7987e66bed
commit e613725a25
2 changed files with 53 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

28
lib/static/css/main.css
View file

@ -1545,8 +1545,32 @@ input::placeholder {
}
@media only screen and (max-width: 735px) {
.docs-prevnext {
height: 40px;
.docs-next {
clear: both;
float: left;
margin: 10px 0;
}
.docs-prev {
margin: 10px 0;
}
.arrow-next {
float: right;
margin-left: 10px;
}
.arrow-prev {
float: left;
margin-right: 10px;
}
.function-name-prevnext {
width: 200px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
/* End of Docs Navigation */