mirror of
https://github.com/zulip/zulip-desktop.git
synced 2025-10-27 10:03:38 +00:00
Compare commits
1 Commits
menu-help
...
webview-gl
| Author | SHA1 | Date | |
|---|---|---|---|
|
c7460693b6 |
@@ -13,6 +13,9 @@ body {
|
|||||||
#content {
|
#content {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading {
|
||||||
background: #fff url(../img/ic_loading.gif) no-repeat;
|
background: #fff url(../img/ic_loading.gif) no-repeat;
|
||||||
background-size: 60px 60px;
|
background-size: 60px 60px;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
@@ -384,4 +387,4 @@ webview:focus {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -21,6 +21,7 @@ class WebView extends BaseComponent {
|
|||||||
this.zoomFactor = 1.0;
|
this.zoomFactor = 1.0;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
this.badgeCount = 0;
|
this.badgeCount = 0;
|
||||||
|
this.loadingIndicator = document.getElementById('content');
|
||||||
}
|
}
|
||||||
|
|
||||||
template() {
|
template() {
|
||||||
@@ -92,6 +93,8 @@ class WebView extends BaseComponent {
|
|||||||
});
|
});
|
||||||
|
|
||||||
this.$el.addEventListener('dom-ready', () => {
|
this.$el.addEventListener('dom-ready', () => {
|
||||||
|
// const loadingIndicator = document.getElementById('content');
|
||||||
|
this.loadingIndicator.classList.remove('loading');
|
||||||
if (this.props.role === 'server') {
|
if (this.props.role === 'server') {
|
||||||
this.$el.classList.add('onload');
|
this.$el.classList.add('onload');
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -9,39 +9,39 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div id="content">
|
<div id="content" class="loading">
|
||||||
<div class="popup">
|
<div class="popup">
|
||||||
<span class="popuptext hidden" id="fullscreen-popup"></span>
|
<span class="popuptext hidden" id="fullscreen-popup"></span>
|
||||||
</div>
|
</div>
|
||||||
<div id="sidebar" class="toggle-sidebar">
|
<div id="sidebar" class="toggle-sidebar">
|
||||||
<div id="view-controls-container">
|
<div id="view-controls-container">
|
||||||
<div id="tabs-container"></div>
|
<div id="tabs-container"></div>
|
||||||
<div id="add-tab" class="tab functional-tab">
|
<div id="add-tab" class="tab functional-tab">
|
||||||
<div class="server-tab" id="add-action">
|
<div class="server-tab" id="add-action">
|
||||||
<i class="material-icons">add</i>
|
<i class="material-icons">add</i>
|
||||||
|
</div>
|
||||||
|
<span id="add-server-tooltip" style="display:none">Add organization</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="actions-container">
|
||||||
|
<div class="action-button" id="reload-action">
|
||||||
|
<i class="material-icons md-48">refresh</i>
|
||||||
|
<span id="reload-tooltip" style="display:none">Reload</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-button disable" id="back-action">
|
||||||
|
<i class="material-icons md-48">arrow_back</i>
|
||||||
|
<span id="back-tooltip" style="display:none">Go Back</span>
|
||||||
|
</div>
|
||||||
|
<div class="action-button" id="settings-action">
|
||||||
|
<i class="material-icons md-48">settings</i>
|
||||||
|
<span id="setting-tooltip" style="display:none">Settings</span>
|
||||||
</div>
|
</div>
|
||||||
<span id="add-server-tooltip" style="display:none">Add organization</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="actions-container">
|
<div id="main-container">
|
||||||
<div class="action-button" id="reload-action">
|
<div id="webviews-container"></div>
|
||||||
<i class="material-icons md-48">refresh</i>
|
|
||||||
<span id="reload-tooltip" style="display:none">Reload</span>
|
|
||||||
</div>
|
|
||||||
<div class="action-button disable" id="back-action">
|
|
||||||
<i class="material-icons md-48">arrow_back</i>
|
|
||||||
<span id="back-tooltip" style="display:none">Go Back</span>
|
|
||||||
</div>
|
|
||||||
<div class="action-button" id="settings-action">
|
|
||||||
<i class="material-icons md-48">settings</i>
|
|
||||||
<span id="setting-tooltip" style="display:none">Settings</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="main-container">
|
|
||||||
<div id="webviews-container"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
</body>
|
||||||
<script src="js/main.js"></script>
|
<script src="js/main.js"></script>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user