1
0
mirror of http://git.whoc.org.uk/git/password-manager.git synced 2025-10-24 17:27:35 +02:00

Minor UI/UX improvements.

This commit is contained in:
Dario Chiappetta
2015-11-30 11:47:06 +01:00
parent ce0883a7f1
commit 8cc2ad14b2
9 changed files with 113 additions and 28 deletions

View File

@@ -33,6 +33,23 @@ div.overlay {
&.hidden {
display: none;
}
&.card {
top: 48px;
.extra-wide & {
left: 46.6%;
}
.wide & {
left: 33.3%;
}
.narrow & {
left: 100%;
}
}
}
z-index: 99999;
position: fixed;
@@ -45,6 +62,15 @@ div.overlay {
background: rgba(0,0,0,0.8);
@include border-radius(20px);
&.card {
.extra-wide & {
left: 74%;
}
.wide & {
left: 66.6%;
}
}
.title {
color: #FFF;
// font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
@@ -78,12 +104,16 @@ div.overlay {
}
&.ios-overlay-show {
@include animation(ios-overlay-show, 750ms);
&:not(.card) {
@include animation(ios-overlay-show, 750ms);
}
}
&.ios-overlay-hide {
@include animation(ios-overlay-hide, 750ms, linear, 1, forwards);
&:not(.card) {
@include animation(ios-overlay-hide, 750ms, linear, 1, forwards);
}
}
// http://37signals.com/svn/posts/2577-loading-spinner-animation-using-css-and-webkit