Skip to content

Commit 4b8c13f

Browse files
committed
Modified app.css
In the previous version , when switching to fullscreen mode , the search box would show however. This is caused by the navbar taking space in non-fullscreen , but hidden in full screen mode, cause the css to be buggy. Modified transition of .electronSearchText-box to all , add opacity 0, and add opacity 1 to .electronSearchText-visible You can still click on the search box accidently on the top right, but this is the way I thought to modify the least code.
1 parent 8edf731 commit 4b8c13f

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

app.css

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -100,10 +100,11 @@ navbar.unsupported {
100100
font-family: "Courier New", Courier, monospace;
101101
position: absolute;
102102
top: -11px;
103-
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) .3s;
103+
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) .3s;
104104
right: 20px;
105105
box-sizing: border-box;
106106
height: 40px;
107+
opacity: 0;
107108
}
108109

109110
.electronSearchText-input {
@@ -124,4 +125,5 @@ navbar.unsupported {
124125
.electronSearchText-visible {
125126
transform: translateY(33px);
126127
display: block;
128+
opacity: 1;
127129
}

0 commit comments

Comments
 (0)