Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-01-06 08:08:10 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix(feedback): Make button slightly smaller, less obtrusive

Browse source
This commit is contained in:
Ben Gotow 2015-10-12 10:48:04 -07:00
parent b1c3ab2e10
commit 2d53d65959
1 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
internal_packages/feedback/stylesheets/main.less
View file

@ -3,16 +3,16 @@
.btn-feedback {
position: fixed;
bottom: 10px;
right: 10px;
bottom: 8px;
right: 8px;
background: linear-gradient(to bottom, @blue 0%,darken(@blue, 10%) 100%);
width:50px;
height:50px;
width:42px;
height:42px;
border-radius:25px;
display: inline-block;
font-size: 30px;
font-size: 28px;
text-align: center;
line-height:50px;
line-height:42px;
color:rgba(255,255,255,0.9);
border: 1px solid darken(@blue, 20%);
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
@ -27,13 +27,13 @@
}
@keyframes bounce {
46% {right: 10px; animation-timing-function: ease-in;}
46% {right: 8px; animation-timing-function: ease-in;}
50% {right: 35px; animation-timing-function: ease-in;}
55% {right: 10px; width: 50px; animation-timing-function: ease-out;}
58% {right: 3px; width: 48px; animation-timing-function: ease-in;}
61% {right: 10px; width: 50px; animation-timing-function: ease-out;}
55% {right: 8px; animation-timing-function: ease-out;}
58% {right: 3px; animation-timing-function: ease-in;}
61% {right: 8px; animation-timing-function: ease-out;}
63% {right: 14px; animation-timing-function: ease-in;}
65% {right: 10px; animation-timing-function: ease-out;}
65% {right: 8px; animation-timing-function: ease-out;}
}
.btn-feedback.newmsg{