Skip to content

Commit

Permalink
Modified app.css
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
alxtz committed Jul 7, 2017
1 parent 8edf731 commit 4b8c13f
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion app.css
Expand Up @@ -100,10 +100,11 @@ navbar.unsupported {
font-family: "Courier New", Courier, monospace;
position: absolute;
top: -11px;
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) .3s;
transition: all cubic-bezier(0.165, 0.84, 0.44, 1) .3s;
right: 20px;
box-sizing: border-box;
height: 40px;
opacity: 0;
}

.electronSearchText-input {
Expand All @@ -124,4 +125,5 @@ navbar.unsupported {
.electronSearchText-visible {
transform: translateY(33px);
display: block;
opacity: 1;
}

0 comments on commit 4b8c13f

Please sign in to comment.