Mirrors/overte
3
0
Fork 0
mirror of https://github.com/overte-org/overte.git synced 2025-08-08 23:17:02 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

menu show/hide button added.

Browse source
This commit is contained in:
Kasen IO 2020-01-30 12:17:09 -05:00
parent d3e2f7204b
commit a8000f876b
3 changed files with 35 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
tools/jsdoc/hifi-jsdoc-template/static/styles/main.css Normal file
View file

12
tools/jsdoc/hifi-jsdoc-template/static/styles/responsive.css
View file

@ -0,0 +1,12 @@
.nav-header {
display: none;
}
nav {
display: none !important;
}
#main {
margin-left: 15px !important;
margin-right: 15px !important;
}

46
tools/jsdoc/hifi-jsdoc-template/tmpl/layout.tmpl
View file

@ -5,7 +5,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title><?js= title ?></title> <title><?js= title ?></title>
<script src="scripts/vue_dev.js"></script> <script src="scripts/vue.min.js"></script>
<script src="scripts/vuetify.js"></script> <script src="scripts/vuetify.js"></script>
<script src="scripts/prettify/prettify.js"></script> <script src="scripts/prettify/prettify.js"></script>
@ -17,6 +17,7 @@
<link type="text/css" rel="stylesheet" href="styles/jsdoc.css"> <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
<link type="text/css" rel="stylesheet" href="styles/night.css"> <link type="text/css" rel="stylesheet" href="styles/night.css">
<link type="text/css" rel="stylesheet" href="styles/responsive.css"> <link type="text/css" rel="stylesheet" href="styles/responsive.css">
<link type="text/css" rel="stylesheet" href="styles/main.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
<link href="styles/materialdesignicons.min.css" rel="stylesheet"> <link href="styles/materialdesignicons.min.css" rel="stylesheet">
@ -54,30 +55,29 @@
</head> </head>
<body> <body>
<v-app dark> <v-app dark>
<div id="app"> <div id="vue-menu">
<div class="nav-header"> <template>
<p><a href="https://projectathena.io"><img src="images/project-athena-logo.png" width="214px" /></a></p> <v-btn @click="toggleResponsive" fab dark style="position: fixed; right: 15px; top: 15px;">
<?js if (env.conf.docdash.search) { ?> <v-icon class="ml-4">mdi-monitor-cellphone</v-icon>
<input type="text" class="search-input" id="nav-search" placeholder="Search API Docs ..." /> </v-btn>
<?js } ?> <div class="nav-header">
<p><a href="https://docs.projectathena.dev">Looking for <strong>Project Athena</strong><br /> Documentation?</a></p> <p><a href="https://projectathena.io"><img src="images/project-athena-logo.png" width="214px" /></a></p>
<v-btn @click="toggleNightMode" text dark> <?js if (env.conf.docdash.search) { ?>
Toggle <input type="text" class="search-input" id="nav-search" placeholder="Search API Docs ..." />
<v-icon class="ml-2">mdi-theme-light-dark</v-icon> <?js } ?>
</v-btn> <p><a href="https://docs.projectathena.dev">Looking for <strong>Project Athena</strong><br /> Documentation?</a></p>
<v-btn @click="toggleNightMode" text dark>
Toggle
<v-icon class="ml-2">mdi-theme-light-dark</v-icon>
</v-btn>
</div>
<nav>
<?js= this.nav ?>
</nav>
</template>
</div> </div>
<v-btn @click="toggleResponsive" text dark>
Toggle
<v-icon class="ml-4">mdi-monitor-cellphone</v-icon>
</v-btn>
</div>
</v-app> </v-app>
<nav>
<?js= this.nav ?>
</nav>
<div id="main"> <div id="main">
<h1 class="page-title"><?js= title ?></h1> <h1 class="page-title"><?js= title ?></h1>
@ -123,7 +123,7 @@
<script> <script>
new Vue({ new Vue({
el: '#app', el: '#vue-menu',
vuetify: new Vuetify({ vuetify: new Vuetify({
theme: { theme: {
dark: true, dark: true,