[PE] Fix loader for presenter view
This commit is contained in:
parent
e94e6e2268
commit
64c3756423
|
@ -70,13 +70,12 @@
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
max-width: 1350px;
|
max-width: 1350px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0 auto 56px;
|
|
||||||
}
|
}
|
||||||
.loadmask > .placeholder .slide-v {
|
.loadmask > .placeholder .slide-v {
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
padding-bottom: 56.1333%;
|
padding-bottom: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loadmask > .placeholder .slide-container {
|
.loadmask > .placeholder .slide-container {
|
||||||
|
@ -105,7 +104,7 @@
|
||||||
|
|
||||||
.loadmask > .placeholder .slide-container > .line:nth-child(1) {
|
.loadmask > .placeholder .slide-container > .line:nth-child(1) {
|
||||||
height: 30%;
|
height: 30%;
|
||||||
margin: 120px 80px 0;
|
margin: 80px 80px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes flickerAnimation {
|
@keyframes flickerAnimation {
|
||||||
|
@ -203,7 +202,7 @@
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div><span class="circle"></span><span class="circle"></span><span class="circle"></span></div></div><div class="placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div></div></div>
|
<div id="loading-mask" class="loadmask"><div class="placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div></div></div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
if (stopLoading) {
|
if (stopLoading) {
|
||||||
|
|
|
@ -70,13 +70,12 @@
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
max-width: 1350px;
|
max-width: 1350px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0 auto 56px;
|
|
||||||
}
|
}
|
||||||
.loadmask > .placeholder .slide-v {
|
.loadmask > .placeholder .slide-v {
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
padding-bottom: 56.1333%;
|
padding-bottom: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loadmask > .placeholder .slide-container {
|
.loadmask > .placeholder .slide-container {
|
||||||
|
@ -105,7 +104,7 @@
|
||||||
|
|
||||||
.loadmask > .placeholder .slide-container > .line:nth-child(1) {
|
.loadmask > .placeholder .slide-container > .line:nth-child(1) {
|
||||||
height: 30%;
|
height: 30%;
|
||||||
margin: 120px 80px 0;
|
margin: 80px 80px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes flickerAnimation {
|
@keyframes flickerAnimation {
|
||||||
|
@ -199,7 +198,7 @@
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="circle"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div><span class="circle"></span><span class="circle"></span><span class="circle"></span></div></div><div class="placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div></div></div>
|
<div id="loading-mask" class="loadmask"><div class="placeholder"><div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div></div></div>
|
||||||
<div id="viewport"></div>
|
<div id="viewport"></div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
Loading…
Reference in a new issue