Mastodon
/
Sengi-Windows-MacOS-Linux
mirror of https://github.com/NicolasConstant/sengi
1
0
Fork 0
Code Issues Releases Wiki Activity

added shadow to floating header

This commit is contained in:
Nicolas Constant 2019-08-06 19:53:39 -04:00
parent 433917fae4
commit e51973df54
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/components/stream/user-profile/user-profile.component.scss
View File

@ -7,6 +7,7 @@ $header-height: 160px;
.outer-profile {
height: calc(100%);
// width: $stream-column-width;
overflow: hidden;
position: relative;
}
@ -14,6 +15,7 @@ $header-height: 160px;
.profile {
// overflow: auto;
height: calc(100%);
// width: $stream-column-width;
overflow: auto;
&__floating-header {
@ -25,12 +27,14 @@ $header-height: 160px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: #0f111a;
position: absolute;
top: -60px;
top: -66px;
z-index: 100;
border-bottom: 1px solid #222736;
// border-bottom: 1px solid #222736;
box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .45);
// opacity: 0;
@ -50,7 +54,7 @@ $header-height: 160px;
&__avatar {
position: absolute;
top: 6px;
left: 6px;
left: 6px;
width: 44px;
border-radius: 2px;
}
@ -98,7 +102,7 @@ $header-height: 160px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
position: relative;
overflow: hidden; // background-color: black;
border-bottom: 1px solid black;
@ -217,6 +221,7 @@ $header-height: 160px;
width: calc(33%);
background-color: #0b0d13;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
@ -225,6 +230,8 @@ $header-height: 160px;
width: calc(66%);
float: right;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
&--validated {