Add a permanent add story button to MyStories
This commit is contained in:
parent
71382b8f65
commit
7a1686b915
5 changed files with 142 additions and 63 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue