[show-linked-portals] different border styles for incoming and outgoign links
This commit is contained in:
parent
f6273d5644
commit
d53c31c2dd
62
plugins/show-linked-portals.css
Normal file
62
plugins/show-linked-portals.css
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
#level {
|
||||||
|
text-align: center;
|
||||||
|
margin-right: -0.5em;
|
||||||
|
position: relative;
|
||||||
|
right: 50%;
|
||||||
|
width: 1em;
|
||||||
|
}
|
||||||
|
.showLinkedPortalLink {
|
||||||
|
cursor: pointer;
|
||||||
|
position: absolute;
|
||||||
|
height: 40px;
|
||||||
|
width: 50px;
|
||||||
|
border-width: 1px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
background: #0e3d4e;
|
||||||
|
}
|
||||||
|
.showLinkedPortalLink.outgoing {
|
||||||
|
border-style: dashed;
|
||||||
|
}
|
||||||
|
.showLinkedPortalLink.incoming {
|
||||||
|
border-style: dotted;
|
||||||
|
}
|
||||||
|
.showLinkedPortalLink .minImg {
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.showLinkedPortalLink.outOfRange span {
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
.showLinkedPortalOverflow {
|
||||||
|
left: 50%;
|
||||||
|
margin-left:-25px;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.showLinkedPortalLink1, .showLinkedPortalLink2, .showLinkedPortalLink3, .showLinkedPortalLink4 {
|
||||||
|
left: 5px;
|
||||||
|
}
|
||||||
|
.showLinkedPortalLink5, .showLinkedPortalLink6, .showLinkedPortalLink7, .showLinkedPortalLink8 {
|
||||||
|
right: 5px;
|
||||||
|
}
|
||||||
|
.showLinkedPortalLink9, .showLinkedPortalLink10, .showLinkedPortalLink11, .showLinkedPortalLink12 {
|
||||||
|
left: 59px;
|
||||||
|
}
|
||||||
|
.showLinkedPortalLink13, .showLinkedPortalLink14, .showLinkedPortalLink15, .showLinkedPortalLink16 {
|
||||||
|
right: 59px
|
||||||
|
}
|
||||||
|
|
||||||
|
.showLinkedPortalLink1, .showLinkedPortalLink5, .showLinkedPortalLink9, .showLinkedPortalLink13 {
|
||||||
|
top: 23px;
|
||||||
|
}
|
||||||
|
.showLinkedPortalLink2, .showLinkedPortalLink6, .showLinkedPortalLink10, .showLinkedPortalLink14 {
|
||||||
|
top: 72px;
|
||||||
|
}
|
||||||
|
.showLinkedPortalLink3, .showLinkedPortalLink7, .showLinkedPortalLink11, .showLinkedPortalLink15 {
|
||||||
|
top: 122px;
|
||||||
|
}
|
||||||
|
.showLinkedPortalLink4, .showLinkedPortalLink8, .showLinkedPortalLink12, .showLinkedPortalLink16,
|
||||||
|
.showLinkedPortalOverflow {
|
||||||
|
top: 171px;
|
||||||
|
}
|
||||||
|
|
@ -48,7 +48,7 @@ window.plugin.showLinkedPortal.portalDetail = function (data) {
|
|||||||
var lat = link[key + 'LatE6']/1E6;
|
var lat = link[key + 'LatE6']/1E6;
|
||||||
var lng = link[key + 'LngE6']/1E6;
|
var lng = link[key + 'LngE6']/1E6;
|
||||||
|
|
||||||
var div = $('<div>').addClass('showLinkedPortalLink showLinkedPortalLink' + c);
|
var div = $('<div>').addClass('showLinkedPortalLink showLinkedPortalLink' + c + (key=='d' ? ' outgoing' : ' incoming'));
|
||||||
|
|
||||||
var title;
|
var title;
|
||||||
|
|
||||||
@ -152,23 +152,7 @@ plugin.showLinkedPortal.removePreview = function() {
|
|||||||
|
|
||||||
var setup = function () {
|
var setup = function () {
|
||||||
window.addHook('portalDetailsUpdated', window.plugin.showLinkedPortal.portalDetail);
|
window.addHook('portalDetailsUpdated', window.plugin.showLinkedPortal.portalDetail);
|
||||||
$('head').append('<style>' +
|
$('<style>').prop('type', 'text/css').html('@@INCLUDESTRING:plugins/show-linked-portals.css@@').appendTo('head');
|
||||||
'.showLinkedPortalLink{cursor: pointer; position: absolute; height: 40px; width: 50px; border:solid 1px; overflow: hidden; text-align: center; background: #0e3d4e;}' +
|
|
||||||
'.showLinkedPortalLink .minImg{height: 40px;}' +
|
|
||||||
'.showLinkedPortalLink.outOfRange span{font-size: 10px;}' +
|
|
||||||
|
|
||||||
'.showLinkedPortalLink1,.showLinkedPortalLink2,.showLinkedPortalLink3,.showLinkedPortalLink4 {left: 5px}' +
|
|
||||||
'.showLinkedPortalLink5,.showLinkedPortalLink6,.showLinkedPortalLink7,.showLinkedPortalLink8 {right: 5px}' +
|
|
||||||
'.showLinkedPortalLink9,.showLinkedPortalLink10,.showLinkedPortalLink11,.showLinkedPortalLink12 {left: 59px}' +
|
|
||||||
'.showLinkedPortalLink13,.showLinkedPortalLink14,.showLinkedPortalLink15,.showLinkedPortalLink16 {right: 59px}' +
|
|
||||||
|
|
||||||
'.showLinkedPortalLink1,.showLinkedPortalLink5,.showLinkedPortalLink9,.showLinkedPortalLink13 {top: 23px; }' +
|
|
||||||
'.showLinkedPortalLink2,.showLinkedPortalLink6,.showLinkedPortalLink10,.showLinkedPortalLink14 {top: 72px; }' +
|
|
||||||
'.showLinkedPortalLink3,.showLinkedPortalLink7,.showLinkedPortalLink11,.showLinkedPortalLink15 {top: 122px; }' +
|
|
||||||
'.showLinkedPortalLink4,.showLinkedPortalLink8,.showLinkedPortalLink12,.showLinkedPortalLink16,.showLinkedPortalOverflow {top: 171px; }' +
|
|
||||||
'.showLinkedPortalOverflow{left: 50%;margin-left:-25px;cursor: default;}' +
|
|
||||||
'#level{text-align: center; margin-right: -0.5em; position: relative; right: 50%; width: 1em;}' +
|
|
||||||
'</style>');
|
|
||||||
}
|
}
|
||||||
// PLUGIN END //////////////////////////////////////////////////////////
|
// PLUGIN END //////////////////////////////////////////////////////////
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user