mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-04-07 14:06:16 +08:00
Fix loading user avatar
This commit is contained in:
@ -1315,7 +1315,10 @@ define([
|
||||
|
||||
updateAvatarEl: function(){
|
||||
if(this.options.userAvatar){
|
||||
$btnUserName.css({'background-image': 'url('+ this.options.userAvatar +')'});
|
||||
$btnUserName.css({
|
||||
'background-image': 'url('+ this.options.userAvatar +')',
|
||||
'background-color': 'transparent'
|
||||
});
|
||||
$btnUserName.text('');
|
||||
} else {
|
||||
$btnUserName.text(Common.Utils.getUserInitials(this.options.userName));
|
||||
|
||||
@ -135,16 +135,6 @@
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.loadmask > .brendpanel .circle {
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 20px;
|
||||
/*margin: 0 10px;*/
|
||||
background: rgba(0,0,0,.15);
|
||||
background: var(--sk-background-toolbar-tab);
|
||||
}
|
||||
|
||||
.loadmask > .sktoolbar {
|
||||
background: #f1f1f1;
|
||||
/*height: 66px;*/
|
||||
@ -355,7 +345,6 @@
|
||||
<div class="brendpanel" style="display: none;">
|
||||
<div>
|
||||
<div class="spacer"></div>
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
<div>
|
||||
<span class="rect"></span>
|
||||
|
||||
@ -86,15 +86,6 @@
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.loadmask > .brendpanel .circle {
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 20px;
|
||||
background: rgba(0,0,0,.15);
|
||||
background: var(--sk-background-toolbar-tab);
|
||||
}
|
||||
|
||||
.loadmask > .sktoolbar {
|
||||
background: #f1f1f1;
|
||||
padding: 0;
|
||||
@ -284,7 +275,7 @@
|
||||
<script src="../../../../../apps/common/main/lib/util/htmlutils.js?__inline=true"></script>
|
||||
<script src="../../../../../apps/common/main/lib/util/docserviceworker.js?__inline=true"></script>
|
||||
|
||||
<div id="loading-mask" class="loadmask"><div class="brendpanel" style="display: none;"><div><div class="spacer"></div><div class="circle"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div>
|
||||
<div id="loading-mask" class="loadmask"><div class="brendpanel" style="display: none;"><div><div class="spacer"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div>
|
||||
<div id="sktoolbar" class="sktoolbar" style="display: none;"><section class="box-controls"><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li style="width: 234px;"></li><li class="space"></li><li style="width: 189px;"></li><li class="fat"></li></ul><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li style="width: 234px;"></li><li class="space"></li><li style="width: 189px;"></li></ul></section></div>
|
||||
<div id="sktoolbar-pdf" class="sktoolbar" style="display: none;"><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space" style="width: 98px;"></li><li style="width: 105px;"></li><li class="space"></li><li style="width: 160px;"></li></ul><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li class="big"/><li class="big"/><li class="space"></li><li style="width: 105px;"></li><li class="space"></li><li style="width: 160px;"></li><li class="big"/><li class="big"/><li class="big"/></ul></div>
|
||||
<div class="placeholder" style="display: none;"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
|
||||
|
||||
@ -109,16 +109,6 @@
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.loadmask > .brendpanel .circle {
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 20px;
|
||||
/* margin: 0 10px; */
|
||||
background: rgba(0,0,0,.15);
|
||||
background: var(--sk-background-toolbar-tab);
|
||||
}
|
||||
|
||||
.loadmask > .sktoolbar {
|
||||
background: #f1f1f1;
|
||||
/*height: 66px;*/
|
||||
@ -323,7 +313,6 @@
|
||||
<div class="brendpanel" style="display: none;">
|
||||
<div>
|
||||
<div class="spacer"></div>
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
<div>
|
||||
<span class="rect"></span>
|
||||
|
||||
@ -80,15 +80,6 @@
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.loadmask > .brendpanel .circle {
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 20px;
|
||||
background: rgba(0,0,0,.15);
|
||||
background: var(--sk-background-toolbar-tab);
|
||||
}
|
||||
|
||||
.loadmask > .sktoolbar {
|
||||
background: #f1f1f1;
|
||||
padding: 0;
|
||||
@ -272,7 +263,7 @@
|
||||
<script src="../../../../../apps/common/main/lib/util/htmlutils.js?__inline=true"></script>
|
||||
<script src="../../../../../apps/common/main/lib/util/docserviceworker.js?__inline=true"></script>
|
||||
|
||||
<div id="loading-mask" class="loadmask"><div class="brendpanel" style="display: none;"><div><div class="spacer"></div><div class="circle"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div><div class="sktoolbar" style="display: none;"><section class="box-controls"><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space" style="width: 144px;"></li><li style="width: 105px;"></li><li class="space"></li><li style="width: 160px;"></li></ul><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li class="big"/><li class="big"/><li class="big"/><li class="space"></li><li style="width: 105px;"></li><li class="space"></li><li style="width: 160px;"></li></ul></section></div><div class="placeholder" style="display: none;"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
|
||||
<div id="loading-mask" class="loadmask"><div class="brendpanel" style="display: none;"><div><div class="spacer"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div><div class="sktoolbar" style="display: none;"><section class="box-controls"><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space" style="width: 144px;"></li><li style="width: 105px;"></li><li class="space"></li><li style="width: 160px;"></li></ul><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li class="big"/><li class="big"/><li class="big"/><li class="space"></li><li style="width: 105px;"></li><li class="space"></li><li style="width: 160px;"></li></ul></section></div><div class="placeholder" style="display: none;"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
|
||||
<div id="viewport" role="main"></div>
|
||||
|
||||
<script>
|
||||
|
||||
@ -105,16 +105,6 @@
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.loadmask > .brendpanel .circle {
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 20px;
|
||||
/* margin: 0 10px; */
|
||||
background: rgba(0,0,0,.15);
|
||||
background: var(--sk-background-toolbar-tab);
|
||||
}
|
||||
|
||||
.loadmask > .sktoolbar {
|
||||
background: #f1f1f1;
|
||||
/*height: 66px;*/
|
||||
@ -344,7 +334,6 @@
|
||||
<div class="brendpanel" style="display: none;">
|
||||
<div>
|
||||
<div class="spacer"></div>
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
<div>
|
||||
<span class="rect"></span>
|
||||
|
||||
@ -81,15 +81,6 @@
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.loadmask > .brendpanel .circle {
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 20px;
|
||||
background: rgba(0,0,0,.15);
|
||||
background: var(--sk-background-toolbar-tab);
|
||||
}
|
||||
|
||||
.loadmask > .sktoolbar {
|
||||
background: #f1f1f1;
|
||||
padding: 0;
|
||||
@ -311,7 +302,7 @@
|
||||
<script src="../../../../../apps/common/main/lib/util/docserviceworker.js?__inline=true"></script>
|
||||
<div id="loading-mask" class="loadmask">
|
||||
<div class="brendpanel" style="display: none;">
|
||||
<div><div class="spacer"></div><div class="circle"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
|
||||
<div><div class="spacer"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
|
||||
</div>
|
||||
<div class="sktoolbar" style="display: none;">
|
||||
<section class="box-controls">
|
||||
|
||||
@ -104,16 +104,6 @@
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.loadmask > .brendpanel .circle {
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 20px;
|
||||
/* margin: 0 10px; */
|
||||
background: rgba(0,0,0,.15);
|
||||
background: var(--sk-background-toolbar-tab);
|
||||
}
|
||||
|
||||
.loadmask > .sktoolbar {
|
||||
background: #f1f1f1;
|
||||
padding: 0;
|
||||
@ -350,7 +340,6 @@
|
||||
<div class="brendpanel" style="display: none;">
|
||||
<div>
|
||||
<div class="spacer"></div>
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
<div>
|
||||
<span class="rect"></span>
|
||||
|
||||
@ -81,15 +81,6 @@
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.loadmask > .brendpanel .circle {
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 20px;
|
||||
background: rgba(0,0,0,.15);
|
||||
background: var(--sk-background-toolbar-tab);
|
||||
}
|
||||
|
||||
.loadmask > .sktoolbar {
|
||||
background: #f1f1f1;
|
||||
padding: 0;
|
||||
@ -321,7 +312,7 @@
|
||||
<script src="../../../../../apps/common/main/lib/util/docserviceworker.js?__inline=true"></script>
|
||||
<div id="loading-mask" class="loadmask">
|
||||
<div class="brendpanel" style="display: none;"><div>
|
||||
<div class="spacer"></div><div class="circle"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
|
||||
<div class="spacer"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
|
||||
</div>
|
||||
<div class="sktoolbar" style="display: none;">
|
||||
<section class="box-controls">
|
||||
|
||||
@ -121,16 +121,6 @@
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.loadmask > .brendpanel .circle {
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 20px;
|
||||
/* margin: 0 10px; */
|
||||
background: rgba(0,0,0,.15);
|
||||
background: var(--sk-background-toolbar-tab);
|
||||
}
|
||||
|
||||
.loadmask > .sktoolbar {
|
||||
background: #f1f1f1;
|
||||
/*height: 66px;*/
|
||||
@ -369,7 +359,6 @@
|
||||
<div>
|
||||
<div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo_s.svg"></div>
|
||||
<div class="spacer"></div>
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
<div>
|
||||
<span class="rect"></span>
|
||||
|
||||
@ -97,16 +97,6 @@
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.loadmask > .brendpanel .circle {
|
||||
vertical-align: middle;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 20px;
|
||||
margin: 0 10px;
|
||||
background: rgba(0,0,0,.15);
|
||||
background: var(--sk-background-toolbar-tab);
|
||||
}
|
||||
|
||||
.loadmask > .sktoolbar {
|
||||
background: #f1f1f1;
|
||||
padding: 0;
|
||||
@ -335,7 +325,7 @@
|
||||
<script src="../../../../../apps/common/main/lib/util/docserviceworker.js?__inline=true"></script>
|
||||
<div id="loading-mask" class="loadmask">
|
||||
<div class="brendpanel" style="display: none;">
|
||||
<div><div class="loading-logo"><img src="../../../apps/common/main/resources/img/header/header-logo_s.svg"></div><div class="spacer"></div><div class="circle"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
|
||||
<div><div class="loading-logo"><img src="../../../apps/common/main/resources/img/header/header-logo_s.svg"></div><div class="spacer"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
|
||||
</div>
|
||||
<div class="sktoolbar" style="display: none;">
|
||||
<section class="box-controls">
|
||||
|
||||
Reference in New Issue
Block a user