File tree Expand file tree Collapse file tree 2 files changed +16
-8
lines changed Expand file tree Collapse file tree 2 files changed +16
-8
lines changed Original file line number Diff line number Diff line change 28
28
-webkit-app-region : drag;
29
29
overflow : hidden;
30
30
transition : all 0.5s ease;
31
- z-index : 1 ;
31
+ z-index : 2 ;
32
32
}
33
33
34
34
.toggle-sidebar div {
@@ -249,28 +249,34 @@ body {
249
249
}
250
250
251
251
webview {
252
- opacity : 1 ;
253
252
/* transition: opacity 0.3s ease-in; */
254
253
flex-grow : 1 ;
254
+ position : absolute;
255
+ width : 100% ;
256
+ height : 100% ;
257
+ flex-grow : 1 ;
258
+ display : flex;
259
+ flex-direction : column;
255
260
}
256
261
257
262
webview .onload {
258
263
transition : opacity 1s cubic-bezier (0.95 , 0.05 , 0.795 , 0.035 );
259
264
}
260
265
266
+ webview .active {
267
+ opacity : 1 ;
268
+ z-index : 1 ;
269
+ visibility : visible;
270
+ }
271
+
261
272
webview .disabled {
262
- flex : 0 1 ;
263
- height : 0 ;
264
- width : 0 ;
265
273
opacity : 0 ;
266
- transition : opacity 0.3s ease-out;
267
274
}
268
275
269
- webview : focus {
276
+ webview . focus {
270
277
outline : 0px solid transparent;
271
278
}
272
279
273
-
274
280
/* Tooltip styling */
275
281
276
282
# back-tooltip ,
Original file line number Diff line number Diff line change @@ -130,6 +130,7 @@ class WebView extends BaseComponent {
130
130
}
131
131
132
132
this . $el . classList . remove ( 'disabled' ) ;
133
+ this . $el . classList . add ( 'active' ) ;
133
134
setTimeout ( ( ) => {
134
135
if ( this . props . role === 'server' ) {
135
136
this . $el . classList . remove ( 'onload' ) ;
@@ -168,6 +169,7 @@ class WebView extends BaseComponent {
168
169
169
170
hide ( ) {
170
171
this . $el . classList . add ( 'disabled' ) ;
172
+ this . $el . classList . remove ( 'active' ) ;
171
173
}
172
174
173
175
load ( ) {
You can’t perform that action at this time.
0 commit comments