This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@media screen and (max-width: 1174px) { | |
.ui__header, | |
.navigation-panel { | |
background: #192320 !important; | |
} | |
} | |
body, | |
.sidebar-wrapper__inner, | |
.tabs-bar__wrapper { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
private subject: Subject<any> = new Subject(); // What we need to trigger the debounce. A subject to keep it simple. Declare as a variable in your component. | |
this.subject.next(null); // Triggering the debounce using the subject. Call this anywhere. You can also pass anything as value. | |
this.subject.pipe(debounceTime(5000)).subscribe(() => { // The debounce with a 5 sec delay. Call this in a function onInit. | |
this.doHttpRequest().subscribe({ // The HttpClient request method to be debounced. Use any you want. | |
next: data => { | |
console.log(data); | |
}, | |
error: error => { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.blurry-semi-transparent-bg { | |
background-color: rgba(0, 0, 0, 0.65); | |
backdrop-filter: blur(12px); | |
backface-visibility: hidden; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
truncate(text, length) { | |
if (text.length <= length) { | |
return text; | |
} else { | |
return text.substring(0, length) + '...'; | |
} | |
} |