Skip to content

Commit 281af68

Browse files
WytammaWytamma
committed
🐛 fix width rezise plot
1 parent 58a6105 commit 281af68

10 files changed

+38
-22
lines changed

‎backend/beastiary/webapp-dist/css/main-dashboard.7957e248.css ‎backend/beastiary/webapp-dist/css/main-dashboard.37d5550a.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎backend/beastiary/webapp-dist/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]--><title>Beastiary</title><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css"><style>html {
22
overflow-y: auto !important;
3-
}</style><link href="/css/login.4b7f13da.css" rel="prefetch"><link href="/css/login~main-dashboard.49552835.css" rel="prefetch"><link href="/css/login~main~main-dashboard.87cb79bc.css" rel="prefetch"><link href="/css/main-dashboard.7957e248.css" rel="prefetch"><link href="/css/main.38cd41ea.css" rel="prefetch"><link href="/css/main~main-dashboard.27813474.css" rel="prefetch"><link href="/js/login.cc7a4294.js" rel="prefetch"><link href="/js/login~main-dashboard.3ae3e551.js" rel="prefetch"><link href="/js/login~main~main-dashboard.3a1f6d10.js" rel="prefetch"><link href="/js/main-dashboard.8e408680.js" rel="prefetch"><link href="/js/main.81fff8c5.js" rel="prefetch"><link href="/js/main~main-dashboard.80ebc61e.js" rel="prefetch"><link href="/js/reset-password.3c459bed.js" rel="prefetch"><link href="/js/start.2c12b0d6.js" rel="prefetch"><link href="/css/chunk-vendors.5b404c1b.css" rel="preload" as="style"><link href="/js/app.eebf47d0.js" rel="preload" as="script"><link href="/js/chunk-vendors.9a0991d8.js" rel="preload" as="script"><link href="/css/chunk-vendors.5b404c1b.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png"><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#4DBA87"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="frontend"><link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-152x152.png"><link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#4DBA87"><meta name="msapplication-TileImage" content="/img/icons/msapplication-icon-144x144.png"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but Beastiary doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.9a0991d8.js"></script><script src="/js/app.eebf47d0.js"></script></body></html>
3+
}</style><link href="/css/login.4b7f13da.css" rel="prefetch"><link href="/css/login~main-dashboard.49552835.css" rel="prefetch"><link href="/css/login~main~main-dashboard.87cb79bc.css" rel="prefetch"><link href="/css/main-dashboard.37d5550a.css" rel="prefetch"><link href="/css/main.38cd41ea.css" rel="prefetch"><link href="/css/main~main-dashboard.27813474.css" rel="prefetch"><link href="/js/login.cc7a4294.js" rel="prefetch"><link href="/js/login~main-dashboard.3ae3e551.js" rel="prefetch"><link href="/js/login~main~main-dashboard.3a1f6d10.js" rel="prefetch"><link href="/js/main-dashboard.1b2e07d8.js" rel="prefetch"><link href="/js/main.81fff8c5.js" rel="prefetch"><link href="/js/main~main-dashboard.80ebc61e.js" rel="prefetch"><link href="/js/reset-password.3c459bed.js" rel="prefetch"><link href="/js/start.2c12b0d6.js" rel="prefetch"><link href="/css/chunk-vendors.5b404c1b.css" rel="preload" as="style"><link href="/js/app.e72a2d01.js" rel="preload" as="script"><link href="/js/chunk-vendors.9a0991d8.js" rel="preload" as="script"><link href="/css/chunk-vendors.5b404c1b.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png"><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#4DBA87"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="frontend"><link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-152x152.png"><link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#4DBA87"><meta name="msapplication-TileImage" content="/img/icons/msapplication-icon-144x144.png"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but Beastiary doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.9a0991d8.js"></script><script src="/js/app.e72a2d01.js"></script></body></html>

‎backend/beastiary/webapp-dist/js/app.eebf47d0.js ‎backend/beastiary/webapp-dist/js/app.e72a2d01.js

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎backend/beastiary/webapp-dist/js/app.eebf47d0.js.map ‎backend/beastiary/webapp-dist/js/app.e72a2d01.js.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎backend/beastiary/webapp-dist/js/main-dashboard.8e408680.js ‎backend/beastiary/webapp-dist/js/main-dashboard.1b2e07d8.js

+3-3
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎backend/beastiary/webapp-dist/js/main-dashboard.8e408680.js.map ‎backend/beastiary/webapp-dist/js/main-dashboard.1b2e07d8.js.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎backend/beastiary/webapp-dist/precache-manifest.a5b1e93a2536968503de5efcf750df42.js ‎backend/beastiary/webapp-dist/precache-manifest.3ec687b1852a7aabc79c78a1bfe0047b.js

+7-7
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
1616
"url": "/css/login~main~main-dashboard.87cb79bc.css"
1717
},
1818
{
19-
"revision": "5ca6a046de703f690d7e",
20-
"url": "/css/main-dashboard.7957e248.css"
19+
"revision": "0ce117affbe3502b0999",
20+
"url": "/css/main-dashboard.37d5550a.css"
2121
},
2222
{
2323
"revision": "6212b09d41560be1c827",
@@ -28,12 +28,12 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
2828
"url": "/css/main~main-dashboard.27813474.css"
2929
},
3030
{
31-
"revision": "f284361b555c7f6dc8888d71e6e271f2",
31+
"revision": "7d6bc7c5184ef56cf601e9211a163912",
3232
"url": "/index.html"
3333
},
3434
{
35-
"revision": "73fc26c899c3633b5e2f",
36-
"url": "/js/app.eebf47d0.js"
35+
"revision": "a4bac14217ac11c5f9b5",
36+
"url": "/js/app.e72a2d01.js"
3737
},
3838
{
3939
"revision": "efb27178083e9bac70b9",
@@ -52,8 +52,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
5252
"url": "/js/login~main~main-dashboard.3a1f6d10.js"
5353
},
5454
{
55-
"revision": "5ca6a046de703f690d7e",
56-
"url": "/js/main-dashboard.8e408680.js"
55+
"revision": "0ce117affbe3502b0999",
56+
"url": "/js/main-dashboard.1b2e07d8.js"
5757
},
5858
{
5959
"revision": "6212b09d41560be1c827",

‎backend/beastiary/webapp-dist/service-worker.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
1515

1616
importScripts(
17-
"/precache-manifest.a5b1e93a2536968503de5efcf750df42.js"
17+
"/precache-manifest.3ec687b1852a7aabc79c78a1bfe0047b.js"
1818
);
1919

2020
workbox.core.setCacheNameDetails({prefix: "frontend"});

‎backend/pyproject.toml

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
[tool.poetry]
22
name = "beastiary"
3-
version = "1.5.5"
3+
version = "1.5.6"
44
description = ""
55
authors = ["Wytamma Wirth <wytamma.wirth@me.com>"]
66
readme = "PYPI-README.md"

‎frontend/src/views/main/Dashboard.vue

+20-4
Original file line numberDiff line numberDiff line change
@@ -46,8 +46,8 @@
4646
Estimates
4747
</v-tab>
4848
</v-tabs>
49-
<v-tabs-items v-model="tab">
50-
49+
<v-tabs-items v-model="tab" >
50+
<div ref="tabItems" >
5151
<v-tab-item >
5252
<v-card flat class="pa-2" fill-height>
5353
<vue-resizable
@@ -145,7 +145,7 @@
145145
<StatsTable v-if="tab === 6" :height="tabHeight" :width="tabWidth" />
146146
</v-card>
147147
</v-tab-item>
148-
148+
</div>
149149
</v-tabs-items>
150150
</v-card>
151151
</v-col>
@@ -194,8 +194,11 @@ export default class Dashboard extends Vue {
194194
public tabWidth = null;
195195
196196
public eHandler(data) {
197-
this.tabWidth = data.width;
198197
this.tabHeight = data.height;
198+
if (this.$refs.tabItems) {
199+
// @ts-ignore
200+
this.tabWidth = this.$refs.tabItems.clientWidth;
201+
}
199202
}
200203
201204
get activeTraceIDs() {
@@ -215,6 +218,19 @@ export default class Dashboard extends Vue {
215218
return '';
216219
}
217220
221+
private mounted() {
222+
window.addEventListener('resize', this.setPlotWidth);
223+
}
224+
private unmounted() {
225+
window.removeEventListener('resize', this.setPlotWidth);
226+
}
227+
228+
private setPlotWidth() {
229+
if (this.$refs.tabItems) {
230+
// @ts-ignore
231+
this.tabWidth = this.$refs.tabItems.clientWidth;
232+
}
233+
}
218234
219235
}
220236
</script>

0 commit comments

Comments
 (0)