[show-linked-portals] different border styles for incoming and outgoign links

This commit is contained in:
fkloft 2015-02-21 22:37:07 +01:00
parent f6273d5644
commit d53c31c2dd
2 changed files with 64 additions and 18 deletions

View 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;
}

View File

@ -48,7 +48,7 @@ window.plugin.showLinkedPortal.portalDetail = function (data) {
var lat = link[key + 'LatE6']/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;
@ -152,23 +152,7 @@ plugin.showLinkedPortal.removePreview = function() {
var setup = function () {
window.addHook('portalDetailsUpdated', window.plugin.showLinkedPortal.portalDetail);
$('head').append('<style>' +
'.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>');
$('<style>').prop('type', 'text/css').html('@@INCLUDESTRING:plugins/show-linked-portals.css@@').appendTo('head');
}
// PLUGIN END //////////////////////////////////////////////////////////