|
6 | 6 | {{ isFullScreen ? 'mdi-close-box-outline' : 'fullscreen' }} |
7 | 7 | </v-icon> |
8 | 8 | </div> |
9 | | - <smartants-bar |
10 | | - v-bind:warnings="warnings" |
11 | | - v-bind:selected-nodes="selectedNodes" |
12 | | - v-bind:focus-nodes="focusNodes" |
13 | | - v-bind:scenario="scenario" |
14 | | - v-bind:scenarios="scenarios" |
15 | | - v-bind:is-print-version="isPrintVersion" |
16 | | - v-bind:is-show-links="isShowLinks" |
17 | | - v-bind:is-unwisp="isUnwisp" |
18 | | - v-bind:is-paying="isPaying" |
19 | | - v-on:exportToExcalidraw="exportToExcalidraw" |
20 | | - v-on:doFocus="doFocus" |
21 | | - v-on:clearFocus="clearFocus" |
22 | | - v-on:playScenario="playScenario" |
23 | | - v-on:playNext="playNext" |
24 | | - v-on:setScenario="setScenario" |
25 | | - v-on:setUnwisp="setUnwisp" |
26 | | - v-on:setShowLinks="setShowLinks" /> |
| 9 | + <div class="fixed"> |
| 10 | + <smartants-bar |
| 11 | + v-bind:warnings="warnings" |
| 12 | + v-bind:selected-nodes="selectedNodes" |
| 13 | + v-bind:focus-nodes="focusNodes" |
| 14 | + v-bind:scenario="scenario" |
| 15 | + v-bind:scenarios="scenarios" |
| 16 | + v-bind:is-print-version="isPrintVersion" |
| 17 | + v-bind:is-show-links="isShowLinks" |
| 18 | + v-bind:is-unwisp="isUnwisp" |
| 19 | + v-bind:is-paying="isPaying" |
| 20 | + v-on:exportToExcalidraw="exportToExcalidraw" |
| 21 | + v-on:doFocus="doFocus" |
| 22 | + v-on:clearFocus="clearFocus" |
| 23 | + v-on:playScenario="playScenario" |
| 24 | + v-on:playNext="playNext" |
| 25 | + v-on:setScenario="setScenario" |
| 26 | + v-on:setUnwisp="setUnwisp" |
| 27 | + v-on:setShowLinks="setShowLinks" /> |
| 28 | + </div> |
27 | 29 | <schema |
28 | 30 | ref="schema" |
29 | 31 | v-model="status" |
|
242 | 244 |
|
243 | 245 | const svgElement = this.$refs.schema.$el; |
244 | 246 | addStyle(svgElement.childNodes); |
| 247 | + svgElement.style.width = svgElement.clientWidth; |
245 | 248 |
|
246 | 249 | const serializer = new XMLSerializer(); |
247 | 250 | let source = serializer.serializeToString(svgElement); |
248 | 251 |
|
| 252 | + svgElement.style.width = ''; |
| 253 | +
|
249 | 254 | // eslint-disable-next-line no-useless-escape |
250 | 255 | if(!source.match(/^<svg[^>]+xmlns="http\:\/\/www\.w3\.org\/2000\/svg"/)){ |
251 | 256 | source = source.replace(/^<svg/, '<svg xmlns="http://www.w3.org/2000/svg"'); |
|
371 | 376 | }; |
372 | 377 | </script> |
373 | 378 |
|
| 379 | +<style> |
| 380 | +.fixed { |
| 381 | + width: inherit; |
| 382 | + position: fixed; |
| 383 | + background: transparent; |
| 384 | +} |
| 385 | +.markdown-document .fixed { |
| 386 | + position: static; |
| 387 | +} |
| 388 | +
|
| 389 | +</style> |
| 390 | +
|
374 | 391 | <style scoped> |
375 | 392 | .schema { |
376 | 393 | /* border: solid 2px #ff0000; */ |
377 | 394 | aspect-ratio : 1 / 0.6; |
378 | 395 | width: 100%; |
379 | 396 | min-width: 100%; |
| 397 | + margin-top: 60px; |
380 | 398 | } |
381 | 399 |
|
382 | 400 | .container { |
383 | 401 | position: relative; |
384 | | - position: relative; |
385 | 402 | } |
386 | 403 |
|
387 | 404 | .container:hover > .fullscreen-icon, |
|
0 commit comments