Improved CSS media queries to remove conflicts

This commit is contained in:
Yuri Sizov
2020-03-13 17:14:26 +03:00
parent 8c7f02a450
commit 5f12420e12
2 changed files with 5 additions and 5 deletions

View File

@@ -256,7 +256,7 @@ footer,
background-color: var(--content-wrap-background-color);
}
@media only screen and (min-width: 768px) {
@media only screen and (min-width: 769px) {
.wy-body-for-nav {
/* Center the page on wide displays for better readability */
max-width: 1100px;
@@ -469,7 +469,7 @@ kbd, .kbd {
position: fixed;
}
@media only screen and (min-width: 768px) {
@media only screen and (min-width: 769px) {
/* Simulate a drop shadow that only affects the bottom edge */
/* This is used to indicate the search bar is fixed */
.wy-side-nav-search.fixed::after {
@@ -520,7 +520,7 @@ kbd, .kbd {
background-color: var(--navbar-background-color);
}
@media only screen and (min-width: 768px) {
@media only screen and (min-width: 769px) {
.wy-nav-side {
/* Required to center the page on wide displays */
left: inherit;
@@ -629,7 +629,7 @@ kbd, .kbd {
background-color: var(--navbar-current-background-color);
}
@media only screen and (min-width: 768px) {
@media only screen and (min-width: 769px) {
.rst-versions {
/* Required to center the page on wide displays */
left: inherit;