ElyBy-Mirror/accounts-frontend
1
0
Fork 0
mirror of https://github.com/elyby/accounts-frontend.git synced 2024-12-28 16:00:24 +05:30
Code Issues Packages Projects Releases Wiki Activity

Adjust animation speed, fix action block padding

Browse Source
This commit is contained in:
ErickSkrauch 2018-11-05 18:18:30 +03:00
parent a08cbbc0ff
commit 19453584d0
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/dev/apps/applicationsIndex.scss
View File

@ -178,12 +178,14 @@
} }
} }
$appDetailsContainerRightLeftPadding: 30px;
.appDetailsContainer { .appDetailsContainer {
background: #F5F5F5; background: #F5F5F5;
border-top: 1px solid #eee; border-top: 1px solid #eee;
padding: 5px 30px; padding: 5px $appDetailsContainerRightLeftPadding;
position: relative; position: relative;
transition: transform 0.2s ease-in; transition: transform .3s cubic-bezier(0.165, 0.84, 0.44, 1);
} }
.appDetailsInfoField { .appDetailsInfoField {
@ -231,13 +233,15 @@
.appActionContainer { .appActionContainer {
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 0;
padding: 0 $appDetailsContainerRightLeftPadding;
background: #F5F5F5; background: #F5F5F5;
} }
.appActionDescription { .appActionDescription {
composes: appDetailsDescription; composes: appDetailsDescription;
margin-top: 20px; margin-top: 6px;
} }
.continueActionButtonWrapper { .continueActionButtonWrapper {