Add arrow and improve display

This commit is contained in:
Guillaume Gomez
2017-09-09 15:33:57 +02:00
parent 9c12e5d4e8
commit 79f888da68
6 changed files with 98 additions and 36 deletions

View File

@@ -612,7 +612,6 @@ pre.rust .question-mark {
font-weight: bold;
}
pre.rust { position: relative; }
a.test-arrow {
display: inline-block;
position: absolute;
@@ -813,3 +812,44 @@ span.since {
display: none;
}
}
.information {
position: absolute;
left: -1px;
margin-top: 7px;
}
.tooltip {
position: relative;
display: inline-block;
cursor: pointer;
}
.tooltip .tooltiptext {
width: 120px;
display: none;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 3px;
border-radius: 6px;
margin-left: 5px;
top: -5px;
left: 105%;
z-index: 1;
}
.tooltip:hover .tooltiptext {
display: inline;
}
.tooltip .tooltiptext::after {
content: " ";
position: absolute;
top: 50%;
left: 11px;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent black transparent transparent;
}