diff --git a/src/app/components/header/header-buttons/header-buttons.component.html b/src/app/components/header/header-buttons/header-buttons.component.html index e6057bf99..9cfc139e1 100644 --- a/src/app/components/header/header-buttons/header-buttons.component.html +++ b/src/app/components/header/header-buttons/header-buttons.component.html @@ -1,5 +1,5 @@ @if (breakpoint$ | async; as breakpoint) { -
+
@if (breakpoint > breakpoints.MOBILE) { @if (searchType$ | async; as searchType) { @if (searchType !== searchTypes.DISPLACEMENT) { @@ -71,82 +71,217 @@
} - @if (searchType === searchTypes.DISPLACEMENT) { - + @if ( + searchType === searchTypes.DISPLACEMENT && + breakpoint === breakpoints.SMALL + ) { + +
+ + + +
+ + + + + +
+
+ +
+ @if (!isLoggedIn) { + + } @else { + + } +
+ } + @if ( + searchType === searchTypes.DISPLACEMENT && + breakpoint > breakpoints.SMALL + ) { + + - } - - - @if (!isLoggedIn) { + @if ( + searchType !== searchTypes.DISPLACEMENT || + breakpoint > breakpoints.SMALL + ) { + - } - @if (isLoggedIn) { + @if (!isLoggedIn) { + + } @else { + + } } } } @@ -211,8 +346,7 @@ > account_circle - } - @if (isLoggedIn) { + } @else { account_circle @@ -256,8 +390,7 @@ video_library {{ 'VIDEO_TUTORIALS' | translate }}
- } - @if ((breakpoint$ | async) !== breakpoints.MOBILE) { + } @else {