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

Bug, on mobile screens too short history section, fixed.

Browse Source
This commit is contained in:
izerozlu
2019-08-30 13:32:17 +03:00
parent 414d24262b
commit 6f0698bae2
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/history.vue
View File

@@ -6,7 +6,7 @@
<input id="filter-history-input" type="text" :disabled="history.length === 0 || isClearingHistory" v-model="filterText">
</li>
</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">
<li>
<label :for="'time#' + entry.millis">Time</label>
@@ -67,12 +67,11 @@
</pw-section>
</template>
<script>
import VirtualList from 'vue-virtual-scroll-list'
import section from "./section";
import {
findStatusGroup
} from "../pages/index";
const updateOnLocalStorage = (propertyName, property) => window.localStorage.setItem(propertyName, JSON.stringify(property));
import VirtualList from 'vue-virtual-scroll-list'
import section from "./section";
import {findStatusGroup} from "../pages/index";
const updateOnLocalStorage = (propertyName, property) => window.localStorage.setItem(propertyName, JSON.stringify(property));
export default {
components: {
'pw-section': section,
@@ -143,4 +142,10 @@
}
}
@media (max-width: 720px) {
.virtual-list.filled {
min-height: 430px;
}
}
</style>