Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Toolbar height is adjusted based on max-width and orientation, main .container is not.

See original GitHub issue

.toolbar__content {
    height: 64px;
}
@media (max-width: 1424px) and (orientation: landscape)
.toolbar__content, .toolbar__extension {
    height: 48px;
}

this does not take the width / height change into account:

.application--toolbar.application--footer>main>.container {
    min-height: calc(100vh - 64px - 36px);
}

This causes: to jump up:

Issue Analytics

State:
Created 6 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

1reaction

johnleidercommented, Jul 26, 2017

Well, let’s bump it down another break-point then.

0reactions

lock[bot]commented, Apr 16, 2019

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord

Top Results From Across the Web

Device width and height in material-ui - css - Stack Overflow

Try adjusting the screen size in the output window, you'll see media query affecting the styles.

web page layout; screen size; orientation and navigation ...

As its name implies, the width and height measurements are calculated and reported differently based using the box-sizing:box-border -- it is not traditional ......

Editor Size - CKEditor 4 Documentation

The CKEDITOR.config.height option sets the height of the editing area with CKEditor 4 content — it does not include the toolbar or the...

Viewport concepts - CSS: Cascading Style Sheets | MDN

We generally think of width and height media queries as being relative to the width and height of the browser window. They are...

Responsive web design basics

The layout changes based on the size and capabilities of the device. ... The Does not have a <meta name="viewport"> tag with width...