fix credential list scrolling

Signed-off-by: binsky <timo@binsky.org>
This commit is contained in:
binsky 2022-10-21 12:54:37 +02:00
parent 05eeec7456
commit d5b95be223
4 changed files with 16 additions and 39 deletions

View file

@ -738,7 +738,8 @@
float: left; float: left;
height: auto; height: auto;
overflow: auto; overflow: auto;
width: 100%; } width: 100%;
margin-top: 55px; }
#app-content .main_list .credential-table { #app-content .main_list .credential-table {
width: 100%; } width: 100%; }
#app-content .main_list .credential-table tr:hover { #app-content .main_list .credential-table tr:hover {
@ -867,21 +868,11 @@
margin-top: 1%; margin-top: 1%;
text-align: center; } text-align: center; }
#app-content .app_sidebar { #app-content .app_sidebar {
height: auto; height: fit-content;
top: 55px;
float: right; float: right;
padding: 10px; padding: 10px;
overflow-y: auto; } overflow-y: auto; }
#app-content .app_sidebar .sidebar {
display: inline-block; }
#app-content .app_sidebar .sidebar .sidebar-icon {
margin-right: 15px; }
#app-content .app_sidebar .sidebar .sidebar-icon .icon-image-size {
width: 44px; }
#app-content .app_sidebar .sidebar .sidebar-icon i {
width: 44px; }
#app-content .app_sidebar .sidebar .sidebar-label {
float: right;
line-height: 44px; }
#app-content .app_sidebar h2 { #app-content .app_sidebar h2 {
margin-bottom: 10px; margin-bottom: 10px;
font-weight: 400; font-weight: 400;
@ -1442,8 +1433,8 @@ h3 {
#passman-controls { #passman-controls {
display: flow-root; display: flow-root;
position: sticky; position: absolute;
width: 100%; width: calc(100vw - 300px);
box-sizing: border-box; box-sizing: border-box;
border-bottom: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9;
background-color: rgba(255, 255, 255, 0.95); background-color: rgba(255, 255, 255, 0.95);

File diff suppressed because one or more lines are too long

View file

@ -65,8 +65,8 @@
#passman-controls { #passman-controls {
display: flow-root; display: flow-root;
position: sticky; position: absolute;
width: 100%; width: calc(100vw - 300px);
box-sizing: border-box; box-sizing: border-box;
border-bottom: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9;
background-color: rgba(255, 255, 255, .95); background-color: rgba(255, 255, 255, .95);

View file

@ -353,6 +353,7 @@
height: auto; height: auto;
overflow: auto; overflow: auto;
width: 100%; width: 100%;
margin-top: 55px;
} }
.credential-table { .credential-table {
@ -533,26 +534,13 @@
.app_sidebar { .app_sidebar {
//this fixes the scrollbars, because passman-contols are shown above the sidebar. height: fit-content;
height: auto; top: 55px;
.sidebar{
display: inline-block;
.sidebar-icon {
margin-right: 15px;
.icon-image-size{
width: 44px;
}
i {
width: 44px;
}
}
.sidebar-label{
float:right; float:right;
line-height: 44px; padding: 10px;
} overflow-y: auto;
}
float:right;
h2 { h2 {
margin-bottom: 10px; margin-bottom: 10px;
font-weight: 400; font-weight: 400;
@ -567,12 +555,10 @@
right: 10px; right: 10px;
cursor: pointer; cursor: pointer;
} }
padding: 10px;
&.item_selected { &.item_selected {
height: 25%; height: 25%;
display: inline-block; display: inline-block;
} }
overflow-y: auto;
.credential-data { .credential-data {
.compromised-details{ .compromised-details{