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; -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,6 +717,8 @@ html {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0 auto; } margin: 0 auto; }
#mainPanel.narrow {
transition: left 0.3s ease-in-out; }
#mainPanel.narrow .container { #mainPanel.narrow .container {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -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; }

File diff suppressed because one or more lines are too long

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();
} }

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;