crabapples
/
noVNC
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

shorten easing

This commit is contained in:
Pawel Raczyk 2019-10-03 15:39:59 +02:00
parent 9a45df1cdb
commit 9e952fbfe8
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/styles/base.css
View File

@ -225,7 +225,7 @@ select:active {
max-width: 90%; max-width: 90%;
padding: 15px; padding: 15px;
transition: 0.5s ease-in-out; transition: 0.3s ease-in-out;
transform: translateY(-50px); transform: translateY(-50px);
opacity: 0; opacity: 0;
@ -283,7 +283,7 @@ select:active {
position: fixed; position: fixed;
z-index: 10; z-index: 10;
transition: 0.5s ease-in-out; transition: 0.3s ease-in-out;
/* Edge misrenders animations wihthout this */ /* Edge misrenders animations wihthout this */
transform: translateX(0); transform: translateX(0);
@ -300,7 +300,7 @@ select:active {
position: relative; position: relative;
left: -100%; left: -100%;
transition: 0.5s ease-in-out; transition: 0.3s ease-in-out;
background-color: rgb(110, 132, 163); background-color: rgb(110, 132, 163);
border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;
@ -318,7 +318,7 @@ select:active {
height: 100%; height: 100%;
width: 30px; width: 30px;
left: -30px; left: -30px;
transition: box-shadow 0.5s ease-in-out; transition: box-shadow 0.3s ease-in-out;
} }
#noVNC_control_bar.noVNC_open::before { #noVNC_control_bar.noVNC_open::before {
box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.5); box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.5);
@ -352,7 +352,7 @@ select:active {
} }
#noVNC_control_bar_handle:after { #noVNC_control_bar_handle:after {
content: ""; content: "";
transition: transform 0.5s ease-in-out; transition: transform 0.3s ease-in-out;
background: url("../images/handle.svg"); background: url("../images/handle.svg");
position: absolute; position: absolute;
top: 22px; /* (50px-6px)/2 */ top: 22px; /* (50px-6px)/2 */
@ -475,7 +475,7 @@ select:active {
position: relative; position: relative;
transform: translateX(25px); transform: translateX(25px);
transition: 0.5s ease-in-out; transition: 0.3s ease-in-out;
max-height: 100vh; /* Chrome is buggy with 100% */ max-height: 100vh; /* Chrome is buggy with 100% */
overflow-x: hidden; overflow-x: hidden;
@ -656,7 +656,7 @@ select:active {
cursor: pointer; cursor: pointer;
transition: 0.5s ease-in-out; transition: 0.3s ease-in-out;
visibility: hidden; visibility: hidden;
opacity: 0; opacity: 0;
@ -713,7 +713,7 @@ select:active {
*/ */
#noVNC_connect_dlg { #noVNC_connect_dlg {
transition: 0.5s ease-in-out; transition: 0.3s ease-in-out;
transform: scale(0, 0); transform: scale(0, 0);
visibility: hidden; visibility: hidden;
@ -725,7 +725,7 @@ select:active {
opacity: 1; opacity: 1;
} }
#noVNC_connect_dlg .noVNC_logo { #noVNC_connect_dlg .noVNC_logo {
transition: 0.5s ease-in-out; transition: 0.3s ease-in-out;
padding: 10px; padding: 10px;
margin-bottom: 10px; margin-bottom: 10px;