css: Remove the melodramatic fade-in animation on load.

Signed-off-by: Anders Kaseorg <anders@zulip.com>

app/renderer/css/main.css

@@ -299,34 +299,27 @@ body {
 
 /* When the active webview is loaded */
 #webviews-container.loaded::before {
-  opacity: 0;
   z-index: -1;
   visibility: hidden;
 }
 
 webview,
 .functional-view {
-  /* transition: opacity 0.3s ease-in; */
   position: absolute;
   width: 100%;
   height: 100%;
   flex-grow: 1;
 }
 
-webview.onload {
-  transition: opacity 1s cubic-bezier(0.95, 0.05, 0.795, 0.035);
-}
-
 webview.active,
 .functional-view.active {
-  opacity: 1;
   z-index: 1;
   visibility: visible;
 }
 
 webview.disabled,
 .functional-view.disabled {
-  opacity: 0;
+  visibility: hidden;
 }
 
 webview.focus {

app/renderer/js/components/webview.ts

@@ -143,10 +143,6 @@ export default class WebView {
     });
 
     this.$el!.addEventListener("dom-ready", () => {
-      if (this.props.role === "server") {
-        this.$el!.classList.add("onload");
-      }
-
       this.loading = false;
       this.props.switchLoading(false, this.props.url);
       this.show();
@@ -197,11 +193,6 @@ export default class WebView {
 
     this.$el!.classList.remove("disabled");
     this.$el!.classList.add("active");
-    setTimeout(() => {
-      if (this.props.role === "server") {
-        this.$el!.classList.remove("onload");
-      }
-    }, 1000);
     this.focus();
     this.props.onTitleChange();
     // Injecting preload css in webview to override some css rules