Fix loose ends

Add space above footer, add better delay for height
adjustment, and add conditions to prevent errors for
websocket endpoint and no endpoint.
This commit is contained in:
hunicus 2022-03-14 14:33:41 -04:00
parent 4c8ac3a585
commit 5a58ce0ab3
No known key found for this signature in database
GPG Key ID: 24837C51B6D81FD9
3 changed files with 10 additions and 10 deletions

View File

@ -188,15 +188,16 @@ h3 {
.doc-content {
width: 100%;
margin-top: -20px;
float: unset;
}
.endpoint-container {
position: relative;
overflow: hidden;
height: auto;
transition: 0.5s height ease;
}
.endpoint-container .section-header {
margin: 0;
font-size: 18px;
@ -226,9 +227,8 @@ h3 {
.hide-on-desktop {
display: none;
}
h3 {
display: none;
}
}

View File

@ -77,9 +77,9 @@ export class ApiDocsComponent implements OnInit {
}
this.openEndpointContainer( targetId );
}
openEndpointContainer( targetId ) {
if( window.innerWidth <= 992 ) {
if( ( window.innerWidth <= 992 ) && this.restTabActivated && targetId ) {
const endpointContainerEl = document.querySelector<HTMLElement>( "#" + targetId );
const endpointContentEl = document.querySelector<HTMLElement>( "#" + targetId + " .endpoint-content" );
const endPointContentElHeight = endpointContentEl.clientHeight;
@ -95,7 +95,7 @@ export class ApiDocsComponent implements OnInit {
endpointContentEl.style.opacity = "1";
endpointContentEl.classList.add( "open" );
}
}
}
}
wrapUrl(network: string, code: any, websocket: boolean = false) {

View File

@ -21,15 +21,15 @@ export class CodeTemplateComponent implements OnInit {
ngOnInit(): void {
this.env = this.stateService.env;
}
adjustContainerHeight( event ) {
if( window.innerWidth <= 992 ) {
if( ( window.innerWidth <= 992 ) && ( this.method !== "websocket" ) ) {
const urlObj = new URL( window.location + "" );
const endpointContainerEl = document.querySelector<HTMLElement>( urlObj.hash );
const endpointContentEl = document.querySelector<HTMLElement>( urlObj.hash + " .endpoint-content" );
window.setTimeout( function() {
endpointContainerEl.style.height = endpointContentEl.clientHeight + 90 + "px";
}, 400);
}, 550);
}
}