clipperz/password-manager
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixed scroll issues in left panel (again)

Browse Source
This commit is contained in:
Dario Chiappetta 2015-04-03 18:32:24 +02:00
parent d20d983e60
commit f438ee9eab
4 changed files with 41 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
frontend/delta/css/clipperz.css
View File

@ -636,7 +636,7 @@ html {
-moz-flex-direction: column; -moz-flex-direction: column;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
min-height: 100%; } height: 100%; }
#selections ul.defaultSet { #selections ul.defaultSet {
-webkit-box-flex: none; -webkit-box-flex: none;
-webkit-flex: none; -webkit-flex: none;
@ -717,34 +717,36 @@ html {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0 auto; } margin: 0 auto; }
#mainPanel.narrow .container { #mainPanel.narrow {
width: 100%; transition: left 0.3s ease-in-out; }
height: 100%; #mainPanel.narrow .container {
margin: 0 auto; } width: 100%;
#mainPanel.narrow .column { height: 100%;
position: absolute; margin: 0 auto; }
top: 0; #mainPanel.narrow .column {
left: 0; position: absolute;
width: 100%; top: 0;
height: 100%; left: 0;
overflow: hidden; width: 100%;
-webkit-transform: translate3d(0, 0, 0); height: 100%;
transform: translate3d(0, 0, 0); overflow: hidden;
-webkit-transition-duration: 0.5s; -webkit-transform: translate3d(0, 0, 0);
transition-duration: 0.5s; } transform: translate3d(0, 0, 0);
#mainPanel.narrow .column.left { -webkit-transition-duration: 0.5s;
-webkit-transform: translate3d(-100%, 0, 0); transition-duration: 0.5s; }
transform: translate3d(-100%, 0, 0); } #mainPanel.narrow .column.left {
#mainPanel.narrow .column.right { -webkit-transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(-100%, 0, 0); }
transform: translate3d(100%, 0, 0); #mainPanel.narrow .column.right {
visibility: hidden; -webkit-transform: translate3d(100%, 0, 0);
display: none; } transform: translate3d(100%, 0, 0);
#mainPanel.narrow .column.right.transition { visibility: hidden;
visibility: visible; display: none; }
display: block; } #mainPanel.narrow .column.right.transition {
#mainPanel.narrow div.addCardButton { visibility: visible;
margin-left: 75%; } display: block; }
#mainPanel.narrow div.addCardButton {
margin-left: 75%; }
#mainPanel.open.left { #mainPanel.open.left {
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
@ -1742,7 +1744,8 @@ div.dialogBox {
border: 0px; border: 0px;
border-bottom: 1px solid #333; border-bottom: 1px solid #333;
outline: none; outline: none;
margin-right: 10px; } margin-right: 10px;
width: 210px; }
#selections .search form div input::-webkit-input-placeholder { #selections .search form div input::-webkit-input-placeholder {
font-style: italic; font-style: italic;
color: #ccc; } color: #ccc; }

2
frontend/delta/css/clipperz.css.map
View File

File diff suppressed because one or more lines are too long

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

@ -50,7 +50,8 @@ html {
#selections { #selections {
@include flexbox(); @include flexbox();
@include flex-direction(column); @include flex-direction(column);
min-height: 100%; // min-height: 100%;
height: 100%;
ul.defaultSet { ul.defaultSet {
@include flex(none); @include flex(none);
@ -101,7 +102,7 @@ html {
&.selection { &.selection {
@include flex($selectionPanelFlexWidth, 0); @include flex($selectionPanelFlexWidth, 0);
// heig ht: 100%; // height: 100%;
// @include overflow-scroll; // @include overflow-scroll;
} }
@ -132,7 +133,7 @@ html {
} }
&.narrow { &.narrow {
// transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out;
.container { .container {
@include sliding-panel-container(); @include sliding-panel-container();
} }

3
frontend/delta/scss/style/selectionPanel.scss
View File

@ -93,6 +93,9 @@ refer to http://www.clipperz.com.
// width: 100%; // width: 100%;
// box-sizing:border-box; // box-sizing:border-box;
// Is it too ugly? --Dario
width: $selectionPanelWidth - $iconColumnWidth;
@include placeholder { @include placeholder {
font-style: italic; font-style: italic;
color: #ccc; color: #ccc;