mentos1386/send
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions 1

Modify Feedback icon + Footer responsive

Browse source
This commit is contained in:
Mark Liang 2017-07-25 15:34:01 +08:00
parent e1c21dd9b0
commit b306ffec8d
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
public/main.css
View file

@ -74,9 +74,9 @@ body {
.feedback { .feedback {
background-color: #0297f8; background-color: #0297f8;
background-image: url('resources/feedback.svg'); background-image: url('resources/feedback.svg');
background-position: 4px 6px; background-position: 2px 4px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 14px; background-size: 18px;
border-radius: 3px; border-radius: 3px;
border: 1px solid #0297f8; border: 1px solid #0297f8;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
@ -90,14 +90,14 @@ body {
padding: 5px; padding: 5px;
overflow: hidden; overflow: hidden;
width: 12px; width: 12px;
text-indent: 20px; text-indent: 17px;
transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
} }
.feedback:hover, .feedback:hover,
.feedback:focus { .feedback:focus {
width: 57px; width: 57px;
text-indent: 0; text-indent: 2px;
padding: 5px 5px 5px 20px; padding: 5px 5px 5px 20px;
background-color: #0287e8; background-color: #0287e8;
transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
@ -708,11 +708,12 @@ tbody {
.legal-links > * { .legal-links > * {
display: block; display: block;
padding: 10px 0; padding: 10px 0;
align-self: flex-start;
} }
.social-links { .social-links {
margin: auto;
margin-top: 20px; margin-top: 20px;
align-self: flex-start;
} }
} }