Fixed scroll issues in left panel (again)

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

View File

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

File diff suppressed because one or more lines are too long

View File

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

View File

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