added tooltip to see topics synapses

This commit is contained in:
Bashar Jabbour 2014-11-26 15:23:32 -05:00
parent 814a804dd8
commit 363ca365c1
2 changed files with 35 additions and 1 deletions

View file

@ -312,6 +312,39 @@
.linkItem.synapseCount:hover .synapseCountIcon { .linkItem.synapseCount:hover .synapseCountIcon {
background-position: 0 -32px; background-position: 0 -32px;
} }
.CardOnGraph .synapseCount .tip {
position: absolute;
background: #424242;
width: auto;
top: 45px;
color: white;
white-space: nowrap;
border-radius: 2px;
font-size: 12px !important;
font-family: 'din-regular';
line-height: 12px;
padding: 4px 4px 4px;
z-index: 100;
}
.CardOnGraph .synapseCount:hover .tip {
display: block;
}
.CardOnGraph .synapseCount .tip:before {
content: '';
position: absolute;
margin-top: -8px;
margin-left: 6px;
width: 0;
height: 0;
border-bottom: 4px solid #424242;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
.mapPerm { .mapPerm {
width: 32px; width: 32px;
height: 32px; height: 32px;

View file

@ -243,9 +243,10 @@
<div class="tip"><ul>{{{inmaps}}}</ul></div> <div class="tip"><ul>{{{inmaps}}}</ul></div>
</div> </div>
<a href="/topics/{{id}}" class="linkItem synapseCount" title="Click to see this topics synapses"> <a href="/topics/{{id}}" class="linkItem synapseCount">
<div class="synapseCountIcon"></div> <div class="synapseCountIcon"></div>
{{synapse_count}} {{synapse_count}}
<div class="tip">Click to see this topics synapses</div>
</a> </a>
<div class="linkItem mapPerm {{mk_permission}}" title="{{permission}}"></div> <div class="linkItem mapPerm {{mk_permission}}" title="{{permission}}"></div>
<div class="clearfloat"></div> <div class="clearfloat"></div>