Add a permanent add story button to MyStories

This commit is contained in:
Josh Perez 2022-08-05 19:24:49 -04:00 committed by GitHub
parent 71382b8f65
commit 7a1686b915
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 142 additions and 63 deletions

View file

@ -101,4 +101,31 @@
);
}
}
&__avatar-container {
position: relative;
}
&__avatar__add-story {
@include button-reset;
@include rounded-corners;
align-items: center;
background: $color-ultramarine-dawn;
border: 2px solid $color-gray-80;
bottom: -2px;
display: flex;
height: 20px;
justify-content: center;
position: absolute;
right: -4px;
width: 20px;
z-index: $z-index-base;
&::after {
content: '';
@include color-svg('../images/icons/v2/plus-20.svg', $color-white);
height: 10px;
width: 10px;
}
}
}

View file

@ -22,10 +22,28 @@
}
}
&__click-container {
align-items: center;
display: flex;
height: 100%;
width: 100%;
&:focus {
outline: none;
}
@include keyboard-mode {
&:focus {
outline: 1px solid $color-ultramarine;
}
}
}
&__info {
display: flex;
flex: 1;
flex-direction: column;
flex: 1;
justify-content: center;
margin-left: 12px;
margin-right: 12px;