Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-17 23:44:39 -05:00
Code Issues Activity

Added transitions to top buttons

Browse source
This commit is contained in:
Peter Zimon 2020-07-30 12:21:25 +02:00
parent c99c4da8fd
commit 06471449f1
1 changed files with 25 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
ghost/portal/src/components/Frame.styles.js
View file

@ -190,6 +190,7 @@ const GlobalStyles = `
background: none;
border: none;
height: unset;
color: var(--grey3);
padding: 0;
margin: 0;
z-index: 999;
@ -198,6 +199,8 @@ const GlobalStyles = `
.gh-portal-btn-logout .label {
opacity: 0;
transform: translateX(-6px);
transition: all 0.2s ease-in-out;
}
.gh-portal-btn-logout:hover {
@ -209,6 +212,11 @@ const GlobalStyles = `
box-shadow: none;
}
.gh-portal-btn-logout:hover .label {
opacity: 1.0;
transform: translateX(-4px);
}
/* Global layout styles
/* ----------------------------------------------------- */
.gh-portal-popup-background {
@ -293,6 +301,11 @@ const GlobalStyles = `
width: 16px;
height: 16px;
padding: 12px;
transition: all 0.2s ease-in-out;
}
.gh-portal-closeicon:hover {
color: var(--grey5);
}
.gh-portal-logout-container {
@ -306,11 +319,22 @@ const GlobalStyles = `
cursor: pointer;
width: 23px;
height: 23px;
padding: 6px
padding: 6px;
transform: translateX(0);
transition: all 0.2s ease-in-out;
}
.gh-portal-logouticon path {
stroke: var(--grey9);
transition: all 0.2s ease-in-out;
}
.gh-portal-btn-logout:hover .gh-portal-logouticon {
transform: translateX(-2px);
}
.gh-portal-btn-logout:hover .gh-portal-logouticon path {
stroke: var(--grey3);
}
.gh-portal-header {