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

Fixed minor issues reported by user after official release of /delta

Browse Source
This commit is contained in:
Giulio Cesare Solaroli
2015-07-20 10:27:28 +02:00
parent cdfd739897
commit 1f9c30cdfb
21 changed files with 845 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -40,6 +40,7 @@ input[type=text] {
.mainPage {
// background-color: yellow;
height: 100%;
}
.mainPage > #selectionPanel {
@@ -93,6 +94,22 @@ input[type=text] {
}
}
/* Firefox considers 100% respect to height of the whole window, this is rule is necessary to eliminate the card toolbar offset. */
@-moz-document url-prefix() {
#mainPanel {
&.extra-wide {
.subpanel {
&.cardContent {
height: calc(100% - 50px);
}
}
}
}
}
#mainPanel {
// background-color: $yellow;
left: 0px;
@@ -101,7 +118,7 @@ input[type=text] {
@include sliding-panel-container();
.container {
@include flexbox;
@include flexbox();
}
.subpanel {
@@ -114,7 +131,7 @@ input[type=text] {
&.cardContent {
@include flex($cardContentPanelFlexWidth);
@include flexbox;
@include flexbox();
@include flex-direction(column);
}
}
@@ -128,6 +145,7 @@ input[type=text] {
div.addCardButton {
margin-left: 20%;
z-index: 5;
}
}
@@ -150,6 +168,7 @@ input[type=text] {
div.addCardButton {
margin-left: 75%;
z-index: 5;
}
}
@@ -268,7 +287,7 @@ input[type=text] {
width: 100%;
height: 100%;
@include flexbox;
@include flexbox();
@include flex-direction(column);
.cardToolbar {
@@ -284,7 +303,7 @@ div.cardToolbar {
// background-color: $orange;
header {
@include flexbox;
@include flexbox();
height: $mainCardToolbarHeight;
line-height: $mainCardToolbarHeight;
@@ -365,7 +384,7 @@ div.cardContent {
div.cardListColumn.column {
@include flex($cardListWidth, 0);
@include flexbox;
@include flexbox();
// overflow-y: scroll;
// overflow:auto;
// @include overflow-auto;
@@ -393,7 +412,7 @@ div.cardContent {
div.addCardButton {
@include icon-font();
@include border-radius($addButtonSize / 2);
z-index: 1;
z-index: 5;
// @include radial-gradient (white, rgba(0, 0, 0, 0));
position: relative;
@@ -432,10 +451,10 @@ div.cardContent {
@include flex(auto);
@include mask();
@include flexbox;
@include flexbox();
& > div.edit {
@include flex(auto);
@include flexbox;
@include flexbox();
@include flex-direction(column);
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
@@ -446,6 +465,7 @@ div.cardContent {
.content {
// background-color: yellow;
background-color: white;
@include chromeFix();
}
}
@@ -459,7 +479,7 @@ div.cardContent {
& > div.view /*, & > div.editWrapper > div.edit */ {
@include flex(auto);
@include flexbox;
@include flexbox();
@include flex-direction(column);
}
@@ -492,6 +512,8 @@ div.cardContent {
line-height: $mainCardToolbarHeight;
&.edit {
@include chromeFix();
li.save {
cursor: default;
}

4
frontend/delta/scss/core/mixin.scss
View File

@@ -182,6 +182,10 @@ refer to http://www.clipperz.com.
-webkit-overflow-scrolling: touch;
}
@mixin chromeFix () {
-webkit-transform: translate3d(0,0,0);
}
@mixin placeholder {
&::-webkit-input-placeholder {@content}
&:-moz-placeholder {@content}

22
frontend/delta/scss/style/card.scss
View File

@@ -245,7 +245,15 @@ $cardViewBasePadding: 10px;
}
}
}
}
.cardField {
textarea.fieldValue {
line-height: 1em;
height: 1.3em;
outline: none;
}
}
}
.edit {
@@ -260,7 +268,7 @@ $cardViewBasePadding: 10px;
.cardField {
border-top: 1px solid #eee;
&:last-child {
border-bottom: 1px solid #eee;
};
@@ -386,7 +394,7 @@ $cardViewBasePadding: 10px;
}
.cardField {
@include flexbox;
@include flexbox();
@include flex-direction(row);
// @include user-select(none);
// background-color: rgba(255, 255, 255, 0.75);
@@ -405,7 +413,7 @@ $cardViewBasePadding: 10px;
width: 32px;
// background-color: pink;
// @include flexbox;
// @include flexbox();
// @include flex-direction(column);
.removeField {
@@ -478,10 +486,12 @@ $cardViewBasePadding: 10px;
.fieldValue {
font-size: 18pt;
// line-height: 28px;
line-height: 1.2em;
// line-height: 1em;
// height: 1.3em;
// outline: none;
@include user-select(text);
white-space: pre-wrap;
word-wrap: break-word;

9
frontend/delta/scss/style/loginPage.scss
View File

@@ -25,7 +25,7 @@ refer to http://www.clipperz.com.
@include overflow-auto;
div.loginForm {
@include flexbox;
@include flexbox();
@include flex-direction(column);
@include align-items(stretch);
@@ -144,7 +144,7 @@ refer to http://www.clipperz.com.
footer {
@include flex(1);
@include flexbox;
@include flexbox();
@include flex-direction(column);
@include align-items(stretch);
@@ -192,7 +192,7 @@ refer to http://www.clipperz.com.
}
footer {
max-height: 25px;
/* max-height: 25px; */
line-height: 20pt;
}
}
@@ -235,6 +235,9 @@ refer to http://www.clipperz.com.
.links {
ul {
margin-bottom: 1em;
li {
color: white;
cursor: pointer;

2
frontend/delta/scss/style/registrationPage.scss
View File

@@ -26,7 +26,7 @@ refer to http://www.clipperz.com.
color: $main-alternate-text-color;
.registrationForm {
@include flexbox;
@include flexbox();
@include flex-direction(column);
@include align-items(stretch);

194
frontend/delta/scss/style/settingsPanel.scss
View File

@@ -248,7 +248,7 @@ refer to http://www.clipperz.com.
}
p {
@include flexbox;
@include flexbox();
@include flex-direction(row);
padding-top: 8px;
@@ -408,7 +408,7 @@ refer to http://www.clipperz.com.
$detailMargin: 4px;
$labelPadding: 5px;
@include flexbox;
@include flexbox();
@include flex-direction(row);
border: 1px solid #222;
@@ -442,7 +442,7 @@ refer to http://www.clipperz.com.
}
.otpLabel {
@include flexbox;
@include flexbox();
@include flex-direction(row);
margin-right: 5px;
@@ -541,7 +541,7 @@ refer to http://www.clipperz.com.
.content {
display: block;
height: 100%;
@include flexbox;
@include flexbox();
@include flex-direction(column);
ul.stepNavbar {
@@ -628,76 +628,142 @@ refer to http://www.clipperz.com.
}
&.Preview {
li.card {
@include flexbox;
@include flex-direction(row);
padding-top: 15px;
padding-bottom: 0px;
border-bottom: 1px solid #333;
// overflow: hidden;
@include flexbox();
@include flex-direction(column);
&.archived {
background-color: #333;
}
div.preview {
@include flex(auto);
@include flexbox();
@include flex-direction(column);
input {
width: 30px;
margin-top: 6px;
div.selectButtons {
@include flex(none);
}
div.cardContent {
@include flex(auto);
@include flexbox;
@include flex-direction(column);
height: auto;
h3 {
font-size: 24pt;
padding-bottom: 6px;
color: gray;
span {
padding-right: 10px;
}
ul.tagList {
li {
display: inline-block;
padding-right: 10px;
padding-bottom: 5px;
&:before {
content: 'tag';
@include icon-font();
font-size: 10pt;
padding-right: 5px;
line-height: 28px;
color: #ccc;
}
}
}
dl {
dt {
font-size: 12pt;
color: gray;
line-height: 16pt;
}
a {
cursor: pointer;
// padding-right: 4px;
color: white;
font-weight: bold;
dd {
font-size: 16pt;
color: white;
line-height: 24pt;
padding-bottom: 6pt;
&:after {
font-weight: normal;
color: gray;
content: " - ";
};
&:last-child:after {
content: "";
}
}
}
div.tagButtons {
@include flex(none);
color: gray;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #333;
label {
cursor: pointer;
line-height: 1.5em;
}
input {
font-family: "clipperz-font";
font-size: 12pt;
color: white;
background-color: black;
border: 0px;
border-bottom: 1px solid #333;
outline: none;
margin-left: 5px;
}
}
ul {
@include flex(auto);
@include overflow-auto();
li.card {
@include flexbox();
@include flex-direction(row);
padding-top: 15px;
padding-bottom: 0px;
border-bottom: 1px solid #333;
&.archived {
background-color: #333;
}
input {
width: 30px;
margin-top: 6px;
@include flex(none);
}
div.cardContent {
@include flex(auto);
@include flexbox();
@include flex-direction(column);
height: auto;
h3 {
font-size: 24pt;
padding-bottom: 6px;
}
ul.tagList {
li {
display: inline-block;
padding-right: 10px;
padding-bottom: 5px;
&:before {
content: 'tag';
@include icon-font();
font-size: 10pt;
padding-right: 5px;
line-height: 28px;
color: #ccc;
}
}
}
dl {
dt {
font-size: 12pt;
color: gray;
line-height: 16pt;
}
dd {
font-size: 16pt;
color: white;
line-height: 24pt;
padding-bottom: 6pt;
&.PASSWORD {
font-family: clipperz-password;
// color: red;
&.PASSWORD {
font-family: clipperz-password;
}
}
}
p {
font-size: 10pt;
padding-top: 10px;
padding-bottom: 10px;
}
}
}
p {
font-size: 10pt;
padding-top: 10px;
padding-bottom: 10px;
}
}
}
}