Changes to backend and tabs UI
This commit is contained in:
36
style.css
36
style.css
@ -41,7 +41,7 @@ Version: 0.0.1
|
||||
|
||||
|
||||
/* Main Content */
|
||||
.lcp-has-sidecontent #lcp-main-container > * > *{ padding:20px
|
||||
.lcp-has-sidecontent #lcp-main-container > *{ padding-left:40px
|
||||
|
||||
}
|
||||
|
||||
@ -53,15 +53,23 @@ Version: 0.0.1
|
||||
overflow:auto;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 340px;
|
||||
height: 100%;
|
||||
height: calc(100vh - var(--lcp--header--height));
|
||||
background: #fff;
|
||||
border-right: 2px solid #eee;
|
||||
z-index: 2;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
}
|
||||
#lcp-sidecontent #lcp-sidecontent-inner {
|
||||
padding:10px
|
||||
}
|
||||
.admin-bar #lcp-sidecontent {
|
||||
height:calc(100vh - var(--lcp--header--height) - 32px)
|
||||
}
|
||||
#lcp-sidecontent:not(.lcp-fixed) {
|
||||
top:0
|
||||
}
|
||||
#lcp-viewport-outer.lcp-has-sticky-header #lcp-sidecontent {
|
||||
top: var(--lcp--header--height);
|
||||
position:fixed!important;
|
||||
@ -116,10 +124,10 @@ Version: 0.0.1
|
||||
width: 100%
|
||||
}
|
||||
#lcp-sidecontent {top:var(--lcp---header--height)}
|
||||
#lcp-sidecontent {
|
||||
#lcp-sidecontent:not(.lcp-fixed) {
|
||||
top: calc(var(--lcp--header--height) );
|
||||
}
|
||||
.admin-bar #lcp-sidecontent.lcp-fixed {
|
||||
#lcp-viewport-outer:not(.lcp-has-sticky-header).admin-bar #lcp-sidecontent.lcp-fixed {
|
||||
top: calc(var(--lcp--header--height) + 32px);
|
||||
}
|
||||
|
||||
@ -130,7 +138,12 @@ Version: 0.0.1
|
||||
right: 0;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
#lcp-header-sidecontent.lcp-fixed {
|
||||
height:100vh
|
||||
}
|
||||
.admin-bar #lcp-sidecontent.lcp-fixed {
|
||||
height:calc(100vh - 32px)
|
||||
}
|
||||
#lcp-header-container.lcp-sticky-on-scroll.lcp-fixed {
|
||||
position: fixed;
|
||||
top:32px;
|
||||
@ -306,3 +319,12 @@ Version: 0.0.1
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#lcp-sidecontent {
|
||||
overflow: scroll;
|
||||
scrollbar-color: red orange;
|
||||
scrollbar-width: thin;
|
||||
border-radius:5px
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user