Merge pull request #2561 from chriswatt/develop
Add small arrows on issue comments pointing to users avatar
This commit is contained in:
commit
db150f2e42
1 changed files with 21 additions and 0 deletions
|
@ -376,8 +376,29 @@
|
||||||
.content {
|
.content {
|
||||||
margin-left: 4em;
|
margin-left: 4em;
|
||||||
.header {
|
.header {
|
||||||
|
&:before, &:after {
|
||||||
|
right: 100%;
|
||||||
|
top: 50%;
|
||||||
|
border: solid transparent;
|
||||||
|
content: " ";
|
||||||
|
height: 0;
|
||||||
|
width: 0;
|
||||||
|
position: absolute;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
&:before {
|
||||||
|
border-right-color: #D4D4D5;
|
||||||
|
border-width: 9px;
|
||||||
|
margin-top: -9px;
|
||||||
|
}
|
||||||
|
&:after {
|
||||||
|
border-right-color: #f7f7f7;
|
||||||
|
border-width: 8px;
|
||||||
|
margin-top: -8px;
|
||||||
|
}
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
padding: auto 15px;
|
padding: auto 15px;
|
||||||
|
position: relative;
|
||||||
color: #767676;
|
color: #767676;
|
||||||
background-color: #f7f7f7;
|
background-color: #f7f7f7;
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
|
|
Reference in a new issue