clipperz/password-manager-mirror
1
0
Fork 0
mirror of http://git.whoc.org.uk/git/password-manager.git synced 2025-10-29 10:27:35 +01:00
Code Issues Releases Wiki Activity

BTC Certificate feature

Browse Source 
Added the ability to register card content on the BTC blockchain in order to certify its existance/content
This commit is contained in:
Giulio Cesare Solaroli
2016-03-29 11:45:50 +02:00
parent f84d05240b
commit fbcd02dffd
102 changed files with 23275 additions and 8645 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/delta/scss/core/fonts.scss
View File

File diff suppressed because one or more lines are too long

257
frontend/delta/scss/core/layout.scss
View File

@@ -109,6 +109,7 @@ input[type=text] {
&.selection {
@include flex($selectionPanelFlexWidth, 0);
max-width: 20%;
// height: 100%;
// @include overflow-auto;
}
@@ -326,6 +327,8 @@ div.cardToolbar {
@include flex(4);
text-align: center;
font-size: 28pt;
&.tag, &.search {
font-size: 14pt;
}
@@ -374,17 +377,16 @@ div.cardToolbar {
h3 {
font-weight: bold;
font-size: 33pt;
letter-spacing: -10px;
font-size: 32pt;
letter-spacing: -12px;
}
.badge {
position: absolute;
margin-left: -12px;
margin-left: -8px;
width: auto;
height: 16px;
line-height: 17px;
line-height: 16px;
background-color: #1863a1;
color: white;
text-align: center;
@@ -399,10 +401,49 @@ div.cardToolbar {
&.bottom {
top: 25px;
margin-left: -42px;
margin-left: -36px;
}
}
}
.certificateQueueToggleButton {
@include icon-font();
margin-right: 10px;
h3 {
font-weight: bold;
font-size: 22pt;
letter-spacing: -12px;
line-height: 34pt;
}
.badge {
position: absolute;
margin-left: -4px;
width: auto;
height: 16px;
line-height: 16px;
// background-color: #1863a1;
color: white;
text-align: center;
font-size: 8pt;
font-weight: bold;
border-radius: 8px;
padding: 0px 4px;
&.top {
top: 8px;
background-color: #666;
}
&.bottom {
top: 26px;
// margin-left: -42px;
background-color: #EAD143;
}
}
}
}
}
@@ -450,7 +491,7 @@ div.attachmentQueueStatus {
border-width: 0 $arrow-size $arrow-size $arrow-size;
border-color: transparent transparent black transparent;
position: fixed;
right: 70px;
right: 66px;
top: calc(49px - #{$arrow-size});
}
@@ -609,6 +650,208 @@ div.attachmentQueueStatus {
}
}
//=============================================================================
$arrow-size: 8px;
div.certificateQueueStatus {
position: fixed;
top: calc(48px - #{$arrow-size});
right: 0;
padding: 0;
color: white;
z-index: 10;
height: calc(100% - 48px);
pointer-events: none;
.arrow {
width: 0;
height: 0;
border-style: solid;
border-width: 0 $arrow-size $arrow-size $arrow-size;
border-color: transparent transparent black transparent;
position: fixed;
right: 110px;
top: calc(49px - #{$arrow-size});
}
&.closed {
display: none;
visibility: hidden;
}
p {
padding: 1em;
}
ul {
pointer-events: all;
max-height: 100%;
overflow-y: auto;
overflow-x: hidden;
white-space: nowrap;
background: black;
margin-top: $arrow-size;
padding: 0;
box-shadow: 0px 2px 5px #888888;
li {
padding: 0 0 0 1em;;
border-bottom: 1px solid white;
span {
display: inline-block;
vertical-align: middle;
height: 40px;
line-height: 40px;
}
&.requested {
.icon {
color: #999;
}
.close {
// display: none;
visibility: hidden;
}
}
&.published {
.icon {
color: #EAD143;
}
}
.icon {
@include icon-font();
color: white;
width: 30px;
}
.name {
width: 250px;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.status {
width: 150px;
text-align: right;
.statusString {
font-size: 14px;
}
// .processIcon {
// margin-left: 1em;
// font-size: 15pt;
// }
}
.close {
a {
@include icon-font();
display: inline-block;
width: 50px;
text-align: center;
letter-spacing: 1px;
font-size: 20px;
@include userSelectNone();
}
a:hover {
color: lightgray;
cursor: pointer;
}
}
// .progress {
// width: 50px;
// height: 30px;
// text-align: center;
//
// @include userSelectNone();
// }
&:last-child {
border-bottom: 0;
}
}
}
/*
.radialProgressIndicator {
height: 25px;
.background {
fill: white;
}
.progress {
fill: $clipperz-orange;
}
}
*/
}
.narrow {
.certificateQueueStatus {
width:100%;
ul {
white-space: inherit;
li {
padding-top: .2em;
padding-bottom: .2em;
span {
height: 25px;
line-height: 30px;
}
.name {
width: 225px;
}
.status {
padding-left: 30px;
text-align: left;
width: calc(100% - 100px);
line-height: 20px;
font-size: .8em;
.processIcon {
margin-left: 0.5em;
}
}
.close {
height: inherit;
line-height: inherit;
float: right;
display: block;
margin-top: -5px;
}
// .progress {
// padding-left: 18px;
// margin-top: -24px;
// }
}
}
}
}
//=============================================================================
div.cardContent {
// @include flex(flex-grow); // ???

80
frontend/delta/scss/core/overlay.scss
View File

@@ -116,46 +116,6 @@ div.overlay {
}
}
// http://37signals.com/svn/posts/2577-loading-spinner-animation-using-css-and-webkit
div.spinner {
position: relative;
width: 100px;
height: 100px;
left: 50%;
top: 40%;
margin-left: -50px;
margin-top: -50px;
// display: inline-block;
display: block;
div {
width: 12%;
height: 26%;
background: #ffffff;
position: absolute;
left: 44.5%;
top: 37%;
opacity: 0;
@include animation(overlay-spin, 1s, linear, infinite);
@include border-radius(50px);
@include box-shadow(0, 0, 3px, rgba(0,0,0,0.2));
}
div.bar01 {@include transform( 0deg, 0, -142%); @include animation-delay(-0.00000s);}
div.bar02 {@include transform( 30deg, 0, -142%); @include animation-delay(-0.91670s);}
div.bar03 {@include transform( 60deg, 0, -142%); @include animation-delay(-0.83300s);}
div.bar04 {@include transform( 90deg, 0, -142%); @include animation-delay(-0.75000s);}
div.bar05 {@include transform(120deg, 0, -142%); @include animation-delay(-0.66700s);}
div.bar06 {@include transform(150deg, 0, -142%); @include animation-delay(-0.58330s);}
div.bar07 {@include transform(180deg, 0, -142%); @include animation-delay(-0.50000s);}
div.bar08 {@include transform(210deg, 0, -142%); @include animation-delay(-0.41667s);}
div.bar09 {@include transform(240deg, 0, -142%); @include animation-delay(-0.33300s);}
div.bar10 {@include transform(270deg, 0, -142%); @include animation-delay(-0.25000s);}
div.bar11 {@include transform(300deg, 0, -142%); @include animation-delay(-0.16670s);}
div.bar12 {@include transform(330deg, 0, -142%); @include animation-delay(-0.08330s);}
}
&.spinnerOnly {
.spinner {
@@ -183,6 +143,46 @@ div.overlay {
}
}
// http://37signals.com/svn/posts/2577-loading-spinner-animation-using-css-and-webkit
div.spinner {
position: relative;
width: 100px;
height: 100px;
left: 50%;
top: 40%;
margin-left: -50px;
margin-top: -50px;
display: block;
div {
width: 12%;
height: 26%;
background: #ffffff;
position: absolute;
left: 44.5%;
top: 37%;
opacity: 0;
@include animation(overlay-spin, 1s, linear, infinite);
@include border-radius(50px);
@include box-shadow(0, 0, 3px, rgba(0,0,0,0.2));
}
div.bar01 {@include transform( 0deg, 0, -142%); @include animation-delay(-0.00000s);}
div.bar02 {@include transform( 30deg, 0, -142%); @include animation-delay(-0.91670s);}
div.bar03 {@include transform( 60deg, 0, -142%); @include animation-delay(-0.83300s);}
div.bar04 {@include transform( 90deg, 0, -142%); @include animation-delay(-0.75000s);}
div.bar05 {@include transform(120deg, 0, -142%); @include animation-delay(-0.66700s);}
div.bar06 {@include transform(150deg, 0, -142%); @include animation-delay(-0.58330s);}
div.bar07 {@include transform(180deg, 0, -142%); @include animation-delay(-0.50000s);}
div.bar08 {@include transform(210deg, 0, -142%); @include animation-delay(-0.41667s);}
div.bar09 {@include transform(240deg, 0, -142%); @include animation-delay(-0.33300s);}
div.bar10 {@include transform(270deg, 0, -142%); @include animation-delay(-0.25000s);}
div.bar11 {@include transform(300deg, 0, -142%); @include animation-delay(-0.16670s);}
div.bar12 {@include transform(330deg, 0, -142%); @include animation-delay(-0.08330s);}
}
//========================================================
@include keyframes(overlay-spin) {