added tooltip to see topics synapses
This commit is contained in:
parent
814a804dd8
commit
363ca365c1
2 changed files with 35 additions and 1 deletions
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue