маленькая проблема с вавилонской js рамкой сцены - PullRequest
Новая
       19

маленькая проблема с вавилонской js рамкой сцены

0 голосов
/ 29 марта 2020

У меня небольшая проблема с моей вавилонской js сценой. Когда я щелкаю me sh в сцене, появляется рамка (в моем браузере она синяя, но в зависимости от браузера она различается):

в google chrome

браузер друзей

это html / css код моего компонента (я использую vuejs): 

<template>
  <div class="wrapper">
    <div class="Rahmen">
      <div id="textblock">
        <h1 id="welcome">Willkommen</h1>
        <h4 id="welcome-text">
          Planen Sie mit unserem Konfigurator einfach und
          schnell Ihre individuelle Containertreppenl&oumlsung
        </h4>
        <br />
        <br />
        <span>So klappt's</span>
          <b-button pill id="popover-help-button"><v-icon id="popover-help" name="question-circle" /></b-button>
          <b-popover ref="popover"
                     target="popover-help-button"
                     triggers="hover"
                     placement="top">
              Wählen Sie bitte aus wie viele Container sich in Ihrer Containeranlage in Höhe und Breite befinden.
            <img src="@/assets/helpp1.gif" width="440" />
          </b-popover>
      </div>
        <canvas id="renderCanvas"></canvas> <!-- babylon scene-->
    </div>
  </div>
</template>

<style>
#renderCanvas {
  width: 100%;
  height: 100%;
  overflow: hidden;
  
}

.wrapper {
  position: center;
}

.Rahmen {
  padding-top: 7%;
  margin: 0;
  min-height: 600px;
}

#textblock {
  padding-left: 7%;
  position: center;
  background-color: white;
  margin-bottom: 2%;
}
#popover-help {
  color: blue;

}
#popover-help-button {
background: transparent;
border: transparent;
left: 0%;
margin-left: 0%;
margin-top: 0.5%;
}
.popover {
  max-width: 450px;
}

</style>

есть предложения?

...