graphql-python/graphene
1
1
Fork 0
mirror of https://github.com/graphql-python/graphene.git synced 2025-02-02 12:44:15 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improved views for mobile

Browse Source
This commit is contained in:
Syrus Akbary 2015-11-28 00:19:54 -08:00
parent cdde833c65
commit bf5746b88b
3 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/css/main.styl
View File

@ -207,6 +207,10 @@ html, body
opacity 0 opacity 0
position absolute position absolute
.starwars-example-wrapper
+below(600px)
margin-bottom 30px
.starwars-example .starwars-example
background: #3C3C3C background: #3C3C3C
display inline-block display inline-block
@ -237,6 +241,9 @@ html, body
transform translateY(-3px) transform translateY(-3px)
box-shadow 0px 4px 8px 0px rgba(0,0,0,0.32) box-shadow 0px 4px 8px 0px rgba(0,0,0,0.32)
+below(600px)
top -70px
.improve-document-link .improve-document-link
position fixed position fixed
right 0 right 0
@ -390,6 +397,7 @@ $title
display none display none
.docs-aside-navselect .docs-aside-navselect
margin-top -18px
display none display none
width 100% width 100%
+below(600px) +below(600px)

1
docs/pages/docs/_template.js
View File

@ -4,6 +4,7 @@ import _ from 'lodash';
class Template extends React.Component { class Template extends React.Component {
goToPage(event) { goToPage(event) {
event.target.blur();
var page = event.target.value; var page = event.target.value;
this.context.router.transitionTo(page); this.context.router.transitionTo(page);
} }

2
docs/pages/index.md
View File

@ -1,7 +1,7 @@
--- ---
path: / path: /
--- ---
<div><a class="starwars-example" href="http://swapi.graphene-python.org/">Check our Django Starwars API example!</a></div> <div class="starwars-example-wrapper"><a class="starwars-example" href="http://swapi.graphene-python.org/">Check our Django Starwars API example!</a></div>
## Meet Graphene ## Meet Graphene