Prevent horizontal scrollbar

This commit is contained in:
Matthias 2021-06-24 07:18:06 +02:00
parent 66fcab1119
commit 7b68d9ce7a
3 changed files with 9 additions and 8 deletions

View File

@ -21,8 +21,8 @@
</b-input-group> </b-input-group>
</b-form-group> </b-form-group>
<hr /> <hr />
<div class="row"> <div>
<b-form-group class="col" label="Used indicators" label-for="selectedIndicators"> <b-form-group label="Used indicators" label-for="selectedIndicators">
<b-form-select <b-form-select
id="selectedIndicators" id="selectedIndicators"
v-model="selIndicatorName" v-model="selIndicatorName"
@ -61,7 +61,7 @@
/> />
<hr /> <hr />
<div class="row px-2"> <div>
<b-button class="ml-1" variant="primary" size="sm" @click="loadPlotConfig">Load</b-button> <b-button class="ml-1" variant="primary" size="sm" @click="loadPlotConfig">Load</b-button>
<b-button class="ml-1" variant="primary" size="sm" @click="loadPlotConfigFromStrategy"> <b-button class="ml-1" variant="primary" size="sm" @click="loadPlotConfigFromStrategy">
From strategy From strategy

View File

@ -111,7 +111,7 @@ export default class PlotIndicator extends Vue {
} }
get combinedIndicator() { get combinedIndicator() {
if (this.cancelled) { if (this.cancelled || !this.selAvailableIndicator) {
return {}; return {};
} }
return { return {

View File

@ -1,9 +1,9 @@
<template> <template>
<div class="d-flex flex-column h-100"> <div class="d-flex flex-column h-100">
<div v-if="isWebserverMode" class="mr-auto ml-3"> <!-- <div v-if="isWebserverMode" class="mr-auto ml-3"> -->
<!-- Currently only available in Webserver mode --> <!-- Currently only available in Webserver mode -->
<b-checkbox v-model="historicView">HistoricData</b-checkbox> <!-- <b-checkbox v-model="historicView">HistoricData</b-checkbox> -->
</div> <!-- </div> -->
<div v-if="historicView" class="mx-md-3 mt-2"> <div v-if="historicView" class="mx-md-3 mt-2">
<div class="d-flex flex-wrap"> <div class="d-flex flex-wrap">
<div class="col-md-3 text-left"> <div class="col-md-3 text-left">
@ -75,6 +75,7 @@ export default class Graphs extends Vue {
) => Promise<AvailablePairResult>; ) => Promise<AvailablePairResult>;
mounted() { mounted() {
this.historicView = this.isWebserverMode;
if (!this.whitelist || this.whitelist.length === 0) { if (!this.whitelist || this.whitelist.length === 0) {
this.getWhitelist(); this.getWhitelist();
} }