some style changes

This commit is contained in:
Lisa Passing 2015-02-18 12:13:15 +01:00
parent 351cf8078d
commit b142b01e1a
2 changed files with 19 additions and 14 deletions

View File

@ -1,14 +1,22 @@
.feedback-button
display: none
.pro
.feedback-button
display: inline-block
.feedback-button .feedback-button
display: inline-block display: inline-block
position: fixed position: fixed
right: 0 right: 1%
left: auto left: auto
// top: 35%
bottom: 0 bottom: 0
margin: 0 margin: 0
padding: 1.5em 1em .5em padding: .5em 1em .5em
border-radius: 4px border-radius: 4px
// transform: rotate(90deg) translateY(-140%) // transform: rotate(90deg) translateY(-140%)
transform: translateY(20%)
will-change: transform will-change: transform
transition: transform ease 200ms transition: transform ease 200ms
background: $white background: $white
@ -17,9 +25,12 @@
text-transform: uppercase text-transform: uppercase
box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15) box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15)
z-index: 999 z-index: 999
&.hidden
display: none
.feedback-button:hover .feedback-button:hover
// transform: rotate(90deg) translateY(-130%) // transform: rotate(90deg) translateY(-130%)
transform: translateY(0)
.feedback-popup .feedback-popup
position: fixed position: fixed
@ -67,12 +78,9 @@
a:hover a:hover
text-decoration: underline text-decoration: underline
.closed &
display: none
#CHARM_FORM_TARGET #CHARM_FORM_TARGET
display: none display: none
.feedback-button
display: none
.pro
.feedback-button
display: inline-block

View File

@ -221,17 +221,14 @@ window.bootstrapCharm = function(){
if(!shown) return; if(!shown) return;
shown = false; shown = false;
box.className = 'closed' + ($('CHARM_YOUR_EMAIL') ? ' with-email' : ''); box.className = 'closed' + ($('CHARM_YOUR_EMAIL') ? ' with-email' : '');
setTimeout(function(){
css(box, 'display:none');
}, 260);
} }
function hideTab(){ function hideTab(){
tab.className = 'hidden'; tab.classList.add('hidden');
} }
function showTab(){ function showTab(){
tab.className = ''; tab.classList.remove('hidden');
} }
function after(){ function after(){