mirror of
https://github.com/rust-lang/rust.git
synced 2025-01-09 22:37:34 +00:00
Fix rendering issues on mobile
This commit is contained in:
parent
56733bc9f8
commit
dde3611281
@ -47,6 +47,8 @@
|
||||
// 2 for "In Return Types"
|
||||
var currentTab = 0;
|
||||
|
||||
var themesWidth = null;
|
||||
|
||||
function hasClass(elem, className) {
|
||||
if (elem && className && elem.className) {
|
||||
var elemClass = elem.className;
|
||||
@ -121,10 +123,25 @@
|
||||
sidebar.appendChild(div);
|
||||
}
|
||||
}
|
||||
var themeChoices = document.getElementById("theme-choices");
|
||||
if (themeChoices) {
|
||||
if (!themesWidth) {
|
||||
var savedState = themeChoices.style.display;
|
||||
themeChoices.style.display = 'block';
|
||||
themesWidth = themeChoices.offsetWidth + 'px';
|
||||
themeChoices.style.display = savedState;
|
||||
}
|
||||
themeChoices.style.position = "fixed";
|
||||
themeChoices.style.width = themesWidth;
|
||||
themeChoices.style.top = '78px';
|
||||
themeChoices.style.left = '250px';
|
||||
}
|
||||
document.getElementsByTagName("body")[0].style.marginTop = '45px';
|
||||
var themePicker = document.getElementById("theme-picker");
|
||||
if (themePicker) {
|
||||
themePicker.style.position = "fixed";
|
||||
themePicker.style.top = "50px";
|
||||
themePicker.style.left = "250px";
|
||||
}
|
||||
}
|
||||
|
||||
@ -143,6 +160,15 @@
|
||||
var themePicker = document.getElementById("theme-picker");
|
||||
if (themePicker) {
|
||||
themePicker.style.position = "absolute";
|
||||
themePicker.style.top = null;
|
||||
themePicker.style.left = null;
|
||||
}
|
||||
var themeChoices = document.getElementById("theme-choices");
|
||||
if (themeChoices) {
|
||||
themeChoices.style.position = 'absolute';
|
||||
themeChoices.style.width = null;
|
||||
themeChoices.style.top = null;
|
||||
themeChoices.style.left = null;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -856,6 +856,7 @@ span.since {
|
||||
display: block;
|
||||
border-bottom: 1px solid;
|
||||
border-right: 1px solid;
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.sidebar-elems {
|
||||
@ -875,7 +876,8 @@ span.since {
|
||||
}
|
||||
|
||||
nav.sub {
|
||||
margin: 0 auto;
|
||||
width: calc(100% - 32px);
|
||||
float: right;
|
||||
}
|
||||
|
||||
.content {
|
||||
@ -1184,8 +1186,8 @@ kbd {
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.theme-picker {
|
||||
left: 109px;
|
||||
top: 7px;
|
||||
left: 10px;
|
||||
top: 54px;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
@ -383,6 +383,6 @@ kbd {
|
||||
|
||||
@media (max-width: 700px) {
|
||||
#theme-picker {
|
||||
background: #353535;
|
||||
background: #f0f0f0;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user