Changes to blocks and added basic framework for Newsletters

This commit is contained in:
Jeremy Rangel
2025-01-02 01:29:51 -08:00
parent d928a0e8fd
commit 7bba517b48
20 changed files with 417 additions and 149 deletions

View File

@ -34,30 +34,43 @@ Version: 1.0
min-height:calc(100vh - 32px)
}
/* Main Content */
.lcp-has-sidecontent #lcp-main-container > * > *{ padding:20px
}
#lcp-main-container {
margin-top: var(--lcp--header--height)
}
/* Side content */
#lcp-sidecontent {
overflow:auto;
position: absolute;
left: 0;
top: 0;
width: 340px;
height: 100%;
overflow: hidden;
background: #fff;
border-right: 2px solid #eee;
z-index: 2;
outline: 0;
}
#lcp-sidecontent-inner {
height: 100%;
overflow: auto; /* Enable scrolling for inner content */
padding:0 10px
#lcp-viewport-outer.lcp-has-sticky-header #lcp-sidecontent {
top: var(--lcp--header--height);
position:fixed!important;
height: calc(100vh - var(--lcp--header--height))
}
.admin-bar #lcp-viewport-outer.lcp-has-sticky-header #lcp-sidecontent {
top: calc(var(--lcp--header--height) + 32px);
height: calc(100vh - var(--lcp--header--height) - 32px)
}
#lcp-sidecontent-inner > * {
margin-top: 10px;}
@ -69,6 +82,17 @@ Version: 1.0
@media only screen and (max-width: 1199px) {
#lcp-sidecontent:not(.lcp-open) {display:none}
#lcp-sidecontent.lcp-open {
display: block;
position: fixed;
overflow:auto;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
}
}
/* Main content an Footer */
@ -89,7 +113,10 @@ Version: 1.0
width: 100%
}
#lcp-sidecontent {top:var(--lcp---header--height)}
.admin-bar #lcp-sidecontent {
#lcp-sidecontent {
top: calc(var(--lcp--header--height) );
}
.admin-bar #lcp-sidecontent.lcp-fixed {
top: calc(var(--lcp--header--height) + 32px);
}
@ -103,7 +130,7 @@ Version: 1.0
#lcp-header-container.lcp-sticky-on-scroll.lcp-fixed {
position: fixed;
top:0;
top:32px;
left: 0;
right: 0;
z-index: 3;
@ -142,40 +169,6 @@ Version: 1.0
#lcp-scroll-track {
position: absolute;
top: 0;
right: 0;
width: 5px;
height: 100%;
background-color: #e0e0e0;
}
#lcp-scroll-bar {
width: 100%;
background-color: #333;
cursor: pointer;
border-radius: 5px;
}
/* Highlight-to-share popup */
.popup {
position: absolute;