diff --git a/src/app/components/stream/user-profile/user-profile.component.html b/src/app/components/stream/user-profile/user-profile.component.html index 3b4878f5..5fe09c33 100644 --- a/src/app/components/stream/user-profile/user-profile.component.html +++ b/src/app/components/stream/user-profile/user-profile.component.html @@ -3,7 +3,31 @@
- FLOATING HEADER + + header + + +
diff --git a/src/app/components/stream/user-profile/user-profile.component.scss b/src/app/components/stream/user-profile/user-profile.component.scss index 85a95139..d668684c 100644 --- a/src/app/components/stream/user-profile/user-profile.component.scss +++ b/src/app/components/stream/user-profile/user-profile.component.scss @@ -35,7 +35,7 @@ $header-height: 160px; // opacity: 0; &__inner { - overflow: auto; + overflow: hidden; height: 60px; background-color: rgba(0, 0, 0, .45); } @@ -46,6 +46,25 @@ $header-height: 160px; transition-timing-function: ease-out; top: 0px; } + + &__avatar { + position: absolute; + top: 6px; + left: 6px; + width: 44px; + border-radius: 2px; + } + + &__follow { + // transition: all .4s; + position: absolute; + top: 6px; + right: 10px; + font-size: 28px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + } } &__moved {