btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

⚡ Added scroll for overflowing Docs section

Browse Source
This commit is contained in:
Liyas Thomas
2019-11-19 20:13:46 +05:30
parent 62f52a0be1
commit a22090e3df
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
pages/graphql.vue
View File

@@ -6,7 +6,12 @@
<ul> <ul>
<li> <li>
<label for="url">URL</label> <label for="url">URL</label>
<input id="url" type="url" v-model="url" @keyup.enter="getSchema()" /> <input
id="url"
type="url"
v-model="url"
@keyup.enter="getSchema()"
/>
</li> </li>
<li> <li>
<label for="get" class="hide-on-small-screen">&nbsp;</label> <label for="get" class="hide-on-small-screen">&nbsp;</label>
@@ -43,7 +48,9 @@
name="side" name="side"
checked="checked" checked="checked"
/> />
<label v-if="queryFields.length > 0" for="queries-tab">Queries</label> <label v-if="queryFields.length > 0" for="queries-tab"
>Queries</label
>
<div v-if="queryFields.length > 0" class="tab"> <div v-if="queryFields.length > 0" class="tab">
<div v-for="field in queryFields" :key="field.name"> <div v-for="field in queryFields" :key="field.name">
<gql-field :gqlField="field" /> <gql-field :gqlField="field" />
@@ -102,7 +109,12 @@
</div> </div>
</template> </template>
<style></style> <style scoped lang="scss">
.tab {
max-height: calc(100vh - 172px);
overflow: auto;
}
</style>
<script> <script>
import axios from "axios"; import axios from "axios";