diff --git a/example.html b/example.html index bb0d6c31525646bd8b8a77fd111a1a7c3e499409..d63250dfe103248304a34e8ff96b130fa71e533b 100644 --- a/example.html +++ b/example.html @@ -25,12 +25,17 @@ color: #eee; } - /* + /* #listPeekTargetArea and #listPeakRevealArea are the default ids for the target and info divs. If needed, you can pass other ids in the parameter object - */ + */ #listSightScope { + width: 100%; + left: 0; + min-height: 1em; + z-index: -2; + padding: 0px; background-color: rgba(0,0,0,1); } @@ -40,6 +45,10 @@ color: white; margin-bottom: 0.5em; overflow: auto; + width: 70%; + left: 15%; + z-index: 2; + max-height: 70%; } @@ -216,7 +225,7 @@ // Apply the plugin and pass it the callback to be called for selected elements $('#philosopherList').listEntryInfo({ extendedInfoFunc: display_philosopher_article, - rememberLastSelected: true + rememberLastSelected: false }); }); } diff --git a/src/jquery.listentryinfo.js b/src/jquery.listentryinfo.js index 89dda13832c8bbaf810281bb33019c82abbdde24..dd504dedb5cea35e3ea379e529146da17bcd81e1 100644 --- a/src/jquery.listentryinfo.js +++ b/src/jquery.listentryinfo.js @@ -221,11 +221,6 @@ } $('
').attr('id', settings.sightScopeId).css({ - width: '100%', - left: 0, - 'min-height': '1em', - 'z-index': '-2', - padding: '0px', position: 'fixed', top: settings.minTopDistance + "px", display: 'none', @@ -234,11 +229,7 @@ if ($("#" + settings.itemInfoDivId).length === 0) { $('
').attr('id', settings.itemInfoDivId).css({ position: 'fixed', - width: '70%', - left: '15%', - 'z-index': 2, display: 'none', - 'max-height': '70%', top: settings.minTopDistance + $('#' + settings.sightScopeId).height() + "px", }).insertAfter(peekedList); }