suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix sync button label

Browse Source
This commit is contained in:
Lisa P 2016-03-03 17:02:28 +01:00
parent adb8753b60
commit c31d87871b
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/styles/app/components/sync-button.sass
View File

@ -2,6 +2,7 @@
vertical-align: middle vertical-align: middle
display: flex display: flex
flex-flow: row-reverse wrap flex-flow: row-reverse wrap
position: relative
.button .button
position: relative position: relative
z-index: 2 z-index: 2
@ -14,11 +15,14 @@
&:hover &:hover
background-color: $oxide-blue background-color: $oxide-blue
.sync-last .sync-last
position: relative position: absolute
left: -15em
top: 0
z-index: -1 z-index: -1
transition: transform 150ms ease, opacity 250ms ease transition: transform 150ms ease, opacity 250ms ease
transform: translateX(80%) transform: translateX(80%)
opacity: 0 opacity: 0
background: white
.button:hover ~ .sync-last .button:hover ~ .sync-last
transform: translateX(0) transform: translateX(0)
opacity: 1 opacity: 1