mirror of
http://git.whoc.org.uk/git/password-manager.git
synced 2025-10-25 01:37:34 +02:00
Reviewed and improved export feature
This commit is contained in:
@@ -86,6 +86,10 @@ refer to http://www.clipperz.com.
|
||||
& > div {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
&.offlineCopy {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
&.open {
|
||||
@@ -178,6 +182,118 @@ refer to http://www.clipperz.com.
|
||||
font-size: 20pt;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
form {
|
||||
|
||||
label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input {
|
||||
$border-size: 0px; // 2px;
|
||||
|
||||
display: block;
|
||||
font-size: 18pt;
|
||||
margin-bottom: 8px;
|
||||
padding: (6px - $border-size) (10px - $border-size);
|
||||
border: $border-size solid white;
|
||||
width: 350px;
|
||||
color: black;
|
||||
|
||||
&.invalid {
|
||||
border: $border-size solid $clipperz-orange;
|
||||
color: gray;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
@include flexbox;
|
||||
@include flex-direction(row);
|
||||
|
||||
input {
|
||||
width: 30px;
|
||||
@include flex(auto);
|
||||
}
|
||||
|
||||
span {
|
||||
@include flex(auto);
|
||||
font-size: 12pt;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
font-family: "clipperz-font";
|
||||
|
||||
color: white;
|
||||
font-size: 14pt;
|
||||
border: 0px;
|
||||
|
||||
margin-top: 20px;
|
||||
padding: 6px 10px;
|
||||
|
||||
border: 1px solid white;
|
||||
background-color: $main-color;
|
||||
@include transition(background-color font-weight, 0.2s, linear);
|
||||
|
||||
&:hover {
|
||||
};
|
||||
|
||||
&:disabled {
|
||||
font-weight: 100;
|
||||
background-color: #c0c0c0;
|
||||
cursor: default;
|
||||
|
||||
&:hover {
|
||||
};
|
||||
}
|
||||
}
|
||||
// input.valid:focus {
|
||||
// border: 2px solid $clipperz-blue;
|
||||
// }
|
||||
}
|
||||
|
||||
ul {
|
||||
color: white;
|
||||
|
||||
li {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 18pt;
|
||||
}
|
||||
|
||||
.description {
|
||||
max-width: 500px;
|
||||
padding: 10px 0px 20px 0px;
|
||||
|
||||
p {
|
||||
font-size: 10pt;
|
||||
margin-bottom: 7px;
|
||||
line-height: 1.4em;
|
||||
color:#bbb;
|
||||
|
||||
em {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button {
|
||||
display: inline;
|
||||
|
||||
color: white;
|
||||
background-color: $main-color;
|
||||
|
||||
font-size: 14pt;
|
||||
|
||||
border: 1px solid white;
|
||||
padding: 6px 10px;
|
||||
|
||||
&:after {
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -211,78 +327,6 @@ refer to http://www.clipperz.com.
|
||||
}
|
||||
*/
|
||||
|
||||
form {
|
||||
|
||||
label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input {
|
||||
$border-size: 0px; // 2px;
|
||||
|
||||
display: block;
|
||||
font-size: 18pt;
|
||||
margin-bottom: 8px;
|
||||
padding: (6px - $border-size) (10px - $border-size);
|
||||
border: $border-size solid white;
|
||||
width: 350px;
|
||||
color: black;
|
||||
|
||||
&.invalid {
|
||||
border: $border-size solid $clipperz-orange;
|
||||
color: gray;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
@include flexbox;
|
||||
@include flex-direction(row);
|
||||
|
||||
input {
|
||||
width: 30px;
|
||||
@include flex(auto);
|
||||
}
|
||||
|
||||
span {
|
||||
@include flex(auto);
|
||||
font-size: 12pt;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
font-family: "clipperz-font";
|
||||
// min-height: 48px;
|
||||
// min-width: 48px;
|
||||
|
||||
color: white;
|
||||
// font-size: 24pt;
|
||||
font-size: 14pt;
|
||||
// font-weight: 500;
|
||||
border: 0px;
|
||||
|
||||
margin-top: 20px;
|
||||
padding: 6px 10px;
|
||||
|
||||
border: 1px solid white;
|
||||
background-color: $main-color;
|
||||
@include transition(background-color font-weight, 0.2s, linear);
|
||||
|
||||
&:hover {
|
||||
};
|
||||
|
||||
&:disabled {
|
||||
font-weight: 100;
|
||||
background-color: #c0c0c0;
|
||||
cursor: default;
|
||||
|
||||
&:hover {
|
||||
};
|
||||
}
|
||||
}
|
||||
// input.valid:focus {
|
||||
// border: 2px solid $clipperz-blue;
|
||||
// }
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user