Fixed wrong listlayout which added the sidebar as an overlay which scrolls with the list

Signed-off-by: Felix Nüsse <Felix.nuesse@t-online.de>
This commit is contained in:
Felix Nüsse 2018-10-13 12:45:52 +02:00 committed by fnuesse
parent b71970d9c9
commit 2bd9dcf28e
No known key found for this signature in database
GPG key ID: 2089A3431243E819
2 changed files with 15 additions and 4 deletions

View file

@ -24,6 +24,7 @@
#content {
padding-top: 47px !important; // 45px but +2 because of borders
height: 100%;
width: 100%;
}
//this fixes the scrollbars, because passman-contols are shown above the sidebar.
@ -39,7 +40,8 @@
//width: 100%;
#app-content-wrapper {
min-height: 95%;
display: block;
//display: block;
display:flex;
//hack for missing separatorbar when app-sidebar is opened
height: calc(100vh - 49px);
#passman-controls {
@ -162,7 +164,7 @@
}
.credential-table {
width: calc(100vw - 300px);
width: 100%;
tr:hover {
background-color: darken(#fff, 4%);
}
@ -405,7 +407,17 @@
padding-right: 10px;
}
}
.main_list{
flex:1;
float:left;
height:auto;
overflow:auto;
width:100%;
}
.app_sidebar {
float:right;
h2 {
margin-bottom: 10px;
font-weight: 400;

View file

@ -1,4 +1,4 @@
<div off-click="closeSelected()" off-click-filter="'.download-js-link, .sidebar-shown'">
<div class="main_list" off-click="closeSelected()" off-click-filter="'.download-js-link, .sidebar-shown'">
<div id="passman-controls" ng-class="{ 'sidebar-shown': selectedCredential }">
<div class="breadcrumb">
<div class="breadcrumb">
@ -146,7 +146,6 @@
</div>
</div>
<div class="share_popup" style="display: none">
{{ 'sharereq.title' | translate}}<br/>
<p>{{ 'sharereq.line1' | translate}}</p>