github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #1424 from sharelatex/as-fix-overlapping-toolbar

Browse source 
Fix overlapping toolbar

GitOrigin-RevId: 0b901ddb2d52024aee0e4151180bcbc2223a3181
This commit is contained in:
Jessica Lawshe 2019-01-28 10:06:23 -06:00 committed by sharelatex
parent b311f997aa
commit 87eb794ccc
1 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
services/web/public/stylesheets/app/editor/toolbar.less
View file

@ -111,14 +111,22 @@
}
.toolbar-center {
width: 300px;
position: absolute;
top: 0;
left: 50%;
margin-left: -150px;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
// At small screen sizes, center relative to the left menu and right buttons
width: 100%;
display: flex;
justify-content: center;
// At large screen sizes, center relative to the viewport
@media (min-width: @screen-lg-min) {
width: 300px;
position: absolute;
top: 0;
left: 50%;
margin-left: -150px;
}
}
&.toolbar-header {
@ -171,7 +179,7 @@
vertical-align: middle;
text-align: left;
@media (min-width: @screen-sm-min) {
@media (min-width: @screen-md-min) {
display: inline-block;
}