mirrors/discord.py
1
0
Fork 0
mirror of https://github.com/Rapptz/discord.py.git synced 2025-09-06 01:46:08 +00:00
Code Issues Projects Releases Wiki Activity

[matrix] Display navbar links on mobile

Browse Source
This commit is contained in:
Josh
2020-06-30 09:47:15 +10:00
committed by Rapptz
parent e257617d1d
commit 29103c08ab
6 changed files with 50 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
docs/_static/icons.css vendored Normal file
View File

@ -0,0 +1,10 @@
@font-face {
font-family: 'Custom Icons';
font-style: normal;
font-weight: 400;
src: url('icons.woff') format('woff2');
}
.custom-icons {
font-family: 'Custom Icons' !important;
}

BIN
docs/_static/icons.woff vendored Normal file
View File

Binary file not shown.

38
docs/_static/style.css vendored
View File

@ -212,9 +212,9 @@ body {
grid-auto-rows: min-content auto min-content;
grid-template-areas:
"s"
"h"
"n"
"c"
"h"
"f";
}
@ -238,33 +238,38 @@ a:hover {
header {
grid-area: h;
background-color: var(--main-background);
background-color: var(--grey-6);
color: var(--main-text);
}
header > nav {
display: flex;
flex-direction: row;
justify-content: space-evenly;
justify-content: flex-end;
}
header > nav > a {
color: var(--white);
}
.main-heading {
margin-right: auto;
}
header > nav a:not(.main-heading) {
margin: 0 0.5em;
}
header > nav > a:hover {
color: var(--white);
text-decoration: underline;
}
.main-heading {
display: none;
}
.sub-header {
grid-area: n;
background-color: var(--grey-6);
color: var(--white);
display: none;
}
/* these aren't shown on mobile */
@ -1007,23 +1012,14 @@ div.code-block-caption {
"s f f f f f";
}
.mobile-only {
display: none;
}
header {
background-color: var(--black);
}
header > nav {
justify-content: flex-end;
}
.main-heading {
margin-right: auto;
display: unset;
}
header > nav a:not(.main-heading) {
margin: 0 0.5em;
}
.sub-header {
display: flex;
align-items: center;
@ -1060,7 +1056,7 @@ div.code-block-caption {
display: inline-block;
position: sticky;
top: 1em;
height: calc(100vh - 1em);
max-height: calc(100vh - 1em);
overflow-y: auto;
margin: 1em;
}