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

Merge pull request #108

Browse Source 
History fieldset height problem on mobile.
This commit is contained in:
Liyas Thomas
2019-08-30 16:30:52 +05:30
committed by GitHub
parent 09872f6b26 6f0698bae2
commit 8d90875e18
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/history.vue
View File

@@ -6,7 +6,7 @@
<input id="filter-history-input" type="text" :disabled="history.length === 0 || isClearingHistory" v-model="filterText"> <input id="filter-history-input" type="text" :disabled="history.length === 0 || isClearingHistory" v-model="filterText">
</li> </li>
</ul> </ul>
<virtual-list class="virtual-list" :size="89" :remain="Math.min(5, filteredHistory.length)"> <virtual-list class="virtual-list" :class="{filled: filteredHistory.length}" :size="89" :remain="Math.min(5, filteredHistory.length)">
<ul v-for="entry in filteredHistory" :key="entry.millis" class="entry"> <ul v-for="entry in filteredHistory" :key="entry.millis" class="entry">
<li> <li>
<label :for="'time#' + entry.millis">Time</label> <label :for="'time#' + entry.millis">Time</label>
@@ -69,9 +69,8 @@
<script> <script>
import VirtualList from 'vue-virtual-scroll-list' import VirtualList from 'vue-virtual-scroll-list'
import section from "./section"; import section from "./section";
import { import {findStatusGroup} from "../pages/index";
findStatusGroup
} from "../pages/index";
const updateOnLocalStorage = (propertyName, property) => window.localStorage.setItem(propertyName, JSON.stringify(property)); const updateOnLocalStorage = (propertyName, property) => window.localStorage.setItem(propertyName, JSON.stringify(property));
export default { export default {
components: { components: {
@@ -143,4 +142,10 @@
} }
} }
@media (max-width: 720px) {
.virtual-list.filled {
min-height: 430px;
}
}
</style> </style>