clipperz/password-manager-mirror
1
0
Fork 0
mirror of http://git.whoc.org.uk/git/password-manager.git synced 2024-09-21 09:21:34 +02:00
Code Issues Releases Wiki Activity

Fixed scrolling of the extra-features panel

Browse Source
This commit is contained in:
Giulio Cesare Solaroli 2015-03-03 16:13:22 +01:00
parent 66e036b5de
commit 03ce1d3497
4 changed files with 88 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -756,9 +756,36 @@ div.overlay {
width: 300px; width: 300px;
height: 100%; height: 100%;
top: 0; top: 0;
right: -300px; } right: -300px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%; }
#extraFeaturesPanel.open { #extraFeaturesPanel.open {
right: 0px; } right: 0px; }
#extraFeaturesPanel header {
-webkit-box-flex: none;
-webkit-flex: none;
-moz-box-flex: none;
-moz-flex: none;
-ms-flex: none;
flex: none; }
#extraFeaturesPanel > div {
-webkit-box-flex: auto;
-webkit-flex: auto;
-moz-box-flex: auto;
-moz-flex: auto;
-ms-flex: auto;
flex: auto;
overflow: auto; }
.container { .container {
height: 100%; height: 100%;
@ -1786,44 +1813,44 @@ span.count {
#extraFeaturesPanel header .button .label { #extraFeaturesPanel header .button .label {
padding-top: 8px; padding-top: 8px;
padding-right: 8px; } padding-right: 8px; }
#extraFeaturesPanel div > ul > li { #extraFeaturesPanel > div {
border-top: 1px solid white; } border-top: 1px solid white; }
#extraFeaturesPanel div > ul > li > ul { #extraFeaturesPanel > div > ul > li {
padding-left: 10px; }
#extraFeaturesPanel div > ul > li:last-child {
border-bottom: 1px solid white; } border-bottom: 1px solid white; }
#extraFeaturesPanel div > ul > li.closed > ul { #extraFeaturesPanel > div > ul > li > ul {
display: none; padding-left: 10px; }
visibility: hidden; } #extraFeaturesPanel > div > ul > li.closed > ul {
#extraFeaturesPanel div ul li > ul > li { display: none;
padding: 10px; visibility: hidden; }
padding-right: 0px; } #extraFeaturesPanel > div ul li > ul > li {
#extraFeaturesPanel div ul li > ul > li > div { padding: 10px;
padding: 4px; } padding-right: 0px; }
#extraFeaturesPanel div ul li h1 { #extraFeaturesPanel > div ul li > ul > li > div {
cursor: pointer; padding: 4px; }
font-size: 16pt; #extraFeaturesPanel > div ul li h1 {
padding: 10px; } cursor: pointer;
#extraFeaturesPanel div ul li h2 { font-size: 16pt;
font-weight: 300; padding: 10px; }
font-size: 14pt; } #extraFeaturesPanel > div ul li h2 {
#extraFeaturesPanel div ul li h3 { font-weight: 300;
font-size: 12pt; } font-size: 14pt; }
#extraFeaturesPanel div ul li p { #extraFeaturesPanel > div ul li h3 {
font-size: 10pt; font-size: 12pt; }
font-weight: 100; #extraFeaturesPanel > div ul li p {
padding-bottom: 5px; font-size: 10pt;
line-height: 1.2em; } font-weight: 100;
#extraFeaturesPanel div ul li a.button { padding-bottom: 5px;
-webkit-border-radius: 2; line-height: 1.2em; }
-moz-border-radius: 2; #extraFeaturesPanel > div ul li a.button {
border-radius: 2; -webkit-border-radius: 2;
display: inline-block; -moz-border-radius: 2;
padding: 4px 8px; border-radius: 2;
background-color: green; display: inline-block;
color: white; } padding: 4px 8px;
#extraFeaturesPanel div ul li a.button:hover { background-color: green;
color: lightgrey; } color: white; }
#extraFeaturesPanel > div ul li a.button:hover {
color: lightgrey; }
.accountStatus { .accountStatus {
background-color: green; } background-color: green; }

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

File diff suppressed because one or more lines are too long

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

@ -128,10 +128,26 @@
#extraFeaturesPanel { #extraFeaturesPanel {
@include sliding-panel(right, $settingsPanelWidth); @include sliding-panel(right, $settingsPanelWidth);
@include flexbox();
@include flex-direction(column);
min-height: 100%;
&.open { &.open {
@include sliding-panel-open(right, $settingsPanelWidth); @include sliding-panel-open(right, $settingsPanelWidth);
} }
header {
@include flex(none);
}
& > div {
@include flex(auto);
overflow: auto;
}
} }
.container { .container {

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

@ -17,20 +17,22 @@
} }
} }
div { & > div {
border-top: 1px solid white;
& > ul > li { & > ul > li {
// padding: 10px; // padding: 10px;
// padding-right: 0px; // padding-right: 0px;
border-top: 1px solid white; border-bottom: 1px solid white;
& > ul { & > ul {
padding-left: 10px; padding-left: 10px;
} }
&:last-child { // &:last-child {
border-bottom: 1px solid white; // border-bottom: 1px solid white;
} // }
&.closed > ul { &.closed > ul {
display: none; display: none;