Skip to content

Commit

Permalink
Cleanup media queries
Browse files Browse the repository at this point in the history
  • Loading branch information
GuillaumeGomez committed Apr 30, 2019
1 parent 67ca448 commit 87d1c17
Showing 1 changed file with 179 additions and 184 deletions.
363 changes: 179 additions & 184 deletions src/librustdoc/html/static/rustdoc.css
Original file line number Original file line Diff line number Diff line change
Expand Up @@ -998,133 +998,6 @@ span.since {
opacity: 1; opacity: 1;
} }


/* Media Queries */

@media (max-width: 700px) {
body {
padding-top: 0px;
}

.rustdoc > .sidebar {
height: 45px;
min-height: 40px;
margin: 0;
margin-left: -15px;
padding: 0 15px;
position: static;
z-index: 11;
}

.sidebar > .location {
float: right;
margin: 0px;
margin-top: 2px;
padding: 3px 10px 1px 10px;
min-height: 39px;
background: inherit;
text-align: left;
font-size: 24px;
}

.sidebar .location:empty {
padding: 0;
}

.sidebar img {
width: 35px;
margin-top: 5px;
margin-bottom: 5px;
float: left;
margin-left: 50px;
}

.sidebar-menu {
position: fixed;
z-index: 10;
font-size: 2rem;
cursor: pointer;
width: 45px;
left: 0;
text-align: center;
display: block;
border-bottom: 1px solid;
border-right: 1px solid;
height: 45px;
}

.sidebar-elems {
position: fixed;
z-index: 1;
left: 0;
top: 45px;
bottom: 0;
overflow-y: auto;
border-right: 1px solid;
display: none;
}

.sidebar > .block.version {
border-bottom: none;
margin-top: 12px;
}

nav.sub {
width: calc(100% - 32px);
float: right;
}

.content {
margin-left: 0px;
}

#main {
margin-top: 45px;
padding: 0;
}

.content .in-band {
width: 100%;
}

.content h4 > .out-of-band {
position: inherit;
}

.toggle-wrapper > .collapse-toggle {
left: 0px;
}

.toggle-wrapper {
height: 1.5em;
}

#search {
margin-left: 0;
}

.content .impl-items .method, .content .impl-items > .type, .impl-items > .associatedconstant {
display: flex;
}

.anchor {
display: none !important;
}

h1.fqn {
overflow: initial;
}

#main > .line-numbers {
margin-top: 0;
}
}

@media print {
nav.sub, .content .out-of-band, .collapse-toggle {
display: none;
}
}

.information { .information {
position: absolute; position: absolute;
left: -20px; left: -20px;
Expand Down Expand Up @@ -1265,7 +1138,177 @@ h4 > .important-traits {
margin-bottom: 6px; margin-bottom: 6px;
} }


.theme-picker {
position: absolute;
left: 211px;
top: 19px;
}

.theme-picker button {
outline: none;
}

#settings-menu {
position: absolute;
right: 0;
top: 10px;
outline: none;
}

#theme-picker, #settings-menu {
padding: 4px;
width: 27px;
height: 29px;
border: 1px solid;
border-radius: 3px;
cursor: pointer;
}

#theme-choices {
display: none;
position: absolute;
left: 0;
top: 28px;
border: 1px solid;
border-radius: 3px;
z-index: 1;
cursor: pointer;
}

#theme-choices > button {
border: none;
width: 100%;
padding: 4px;
text-align: center;
background: rgba(0,0,0,0);
}

#theme-choices > button:not(:first-child) {
border-top: 1px solid;
}

/* Media Queries */

@media (max-width: 700px) { @media (max-width: 700px) {
body {
padding-top: 0px;
}

.rustdoc > .sidebar {
height: 45px;
min-height: 40px;
margin: 0;
margin-left: -15px;
padding: 0 15px;
position: static;
z-index: 11;
}

.sidebar > .location {
float: right;
margin: 0px;
margin-top: 2px;
padding: 3px 10px 1px 10px;
min-height: 39px;
background: inherit;
text-align: left;
font-size: 24px;
}

.sidebar .location:empty {
padding: 0;
}

.sidebar img {
width: 35px;
margin-top: 5px;
margin-bottom: 5px;
float: left;
margin-left: 50px;
}

.sidebar-menu {
position: fixed;
z-index: 10;
font-size: 2rem;
cursor: pointer;
width: 45px;
left: 0;
text-align: center;
display: block;
border-bottom: 1px solid;
border-right: 1px solid;
height: 45px;
}

.sidebar-elems {
position: fixed;
z-index: 1;
left: 0;
top: 45px;
bottom: 0;
overflow-y: auto;
border-right: 1px solid;
display: none;
}

.sidebar > .block.version {
border-bottom: none;
margin-top: 12px;
}

nav.sub {
width: calc(100% - 32px);
float: right;
}

.content {
margin-left: 0px;
}

#main {
margin-top: 45px;
padding: 0;
}

.content .in-band {
width: 100%;
}

.content h4 > .out-of-band {
position: inherit;
}

.toggle-wrapper > .collapse-toggle {
left: 0px;
}

.toggle-wrapper {
height: 1.5em;
}

#search {
margin-left: 0;
}

.content .impl-items .method, .content .impl-items > .type, .impl-items > .associatedconstant {
display: flex;
}

.anchor {
display: none !important;
}

h1.fqn {
overflow: initial;
}

.theme-picker {
left: 10px;
top: 54px;
z-index: 1;
}

h4 > .important-traits { h4 > .important-traits {
position: absolute; position: absolute;
left: -22px; left: -22px;
Expand Down Expand Up @@ -1352,8 +1395,17 @@ h4 > .important-traits {
#source-sidebar { #source-sidebar {
z-index: 11; z-index: 11;
} }

#main > .line-numbers {
margin-top: 0;
}
} }


@media print {
nav.sub, .content .out-of-band, .collapse-toggle {
display: none;
}
}


@media (max-width: 416px) { @media (max-width: 416px) {
#titles { #titles {
Expand Down Expand Up @@ -1453,63 +1505,6 @@ kbd {
cursor: default; cursor: default;
} }


.theme-picker {
position: absolute;
left: 211px;
top: 19px;
}

.theme-picker button {
outline: none;
}

#settings-menu {
position: absolute;
right: 0;
top: 10px;
outline: none;
}

#theme-picker, #settings-menu {
padding: 4px;
width: 27px;
height: 29px;
border: 1px solid;
border-radius: 3px;
cursor: pointer;
}

#theme-choices {
display: none;
position: absolute;
left: 0;
top: 28px;
border: 1px solid;
border-radius: 3px;
z-index: 1;
cursor: pointer;
}

#theme-choices > button {
border: none;
width: 100%;
padding: 4px;
text-align: center;
background: rgba(0,0,0,0);
}

#theme-choices > button:not(:first-child) {
border-top: 1px solid;
}

@media (max-width: 700px) {
.theme-picker {
left: 10px;
top: 54px;
z-index: 1;
}
}

.hidden-by-impl-hider, .hidden-by-impl-hider,
.hidden-by-usual-hider { .hidden-by-usual-hider {
/* important because of conflicting rule for small screens */ /* important because of conflicting rule for small screens */
Expand Down

0 comments on commit 87d1c17

Please sign in to comment.