Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-01-23 00:19:58 +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 { .btn-feedback {
position: fixed; position: fixed;
bottom: 10px; bottom: 8px;
right: 10px; right: 8px;
background: linear-gradient(to bottom, @blue 0%,darken(@blue, 10%) 100%); background: linear-gradient(to bottom, @blue 0%,darken(@blue, 10%) 100%);
width:50px; width:42px;
height:50px; height:42px;
border-radius:25px; border-radius:25px;
display: inline-block; display: inline-block;
font-size: 30px; font-size: 28px;
text-align: center; text-align: center;
line-height:50px; line-height:42px;
color:rgba(255,255,255,0.9); color:rgba(255,255,255,0.9);
border: 1px solid darken(@blue, 20%); border: 1px solid darken(@blue, 20%);
box-shadow: 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 2px 4px rgba(0,0,0,0.2);
@ -27,13 +27,13 @@
} }
@keyframes bounce { @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;} 50% {right: 35px; animation-timing-function: ease-in;}
55% {right: 10px; width: 50px; animation-timing-function: ease-out;} 55% {right: 8px; animation-timing-function: ease-out;}
58% {right: 3px; width: 48px; animation-timing-function: ease-in;} 58% {right: 3px; animation-timing-function: ease-in;}
61% {right: 10px; width: 50px; animation-timing-function: ease-out;} 61% {right: 8px; animation-timing-function: ease-out;}
63% {right: 14px; animation-timing-function: ease-in;} 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{ .btn-feedback.newmsg{