diff --git a/src/css/common.css b/src/css/common.css index e7c7d51..3cbd908 100644 --- a/src/css/common.css +++ b/src/css/common.css @@ -44,12 +44,14 @@ body[dir="rtl"] { color: black; content: attr(data-tip); font: 12px sans-serif; + left: -10vw; line-height: 140%; min-width: 25vw; opacity: 1; padding: 4px 6px; pointer-events: none; position: absolute; + right: 10vw; text-align: start; top: 110%; -webkit-transition: opacity 0.15s 0.5s; @@ -59,11 +61,13 @@ body[dir="rtl"] { } body[dir="ltr"] .tip-anchor-left[data-i18n-tip]:hover::after, body[dir="rtl"] .tip-anchor-right[data-i18n-tip]:hover::after { - left: -3vw; + left: 0; + right: unset; } body[dir="ltr"] .tip-anchor-right[data-i18n-tip]:hover::after, body[dir="rtl"] .tip-anchor-left[data-i18n-tip]:hover::after { - right: -3vw; + left: unset; + right: 0; } body.noTooltips *[data-i18n-tip]::after { display: none; diff --git a/src/css/logger-ui.css b/src/css/logger-ui.css index 01c8f1d..e42e667 100644 --- a/src/css/logger-ui.css +++ b/src/css/logger-ui.css @@ -53,7 +53,6 @@ body { overflow: hidden; position: fixed; right: 0; - /*top: 0;*/ z-index: 2000; } body.popupPanelOn #popupPanelContainer { @@ -68,6 +67,7 @@ body.popupPanelOn #popupPanelContainer { border: 0; padding: 0; margin: 0; + overflow: hidden; width: 100%; } #popupPanelContainer.hide > iframe { diff --git a/src/js/logger-ui.js b/src/js/logger-ui.js index 10ed0f9..e0d13ff 100644 --- a/src/js/logger-ui.js +++ b/src/js/logger-ui.js @@ -687,9 +687,10 @@ var popupPanel = (function() { popupObserver.disconnect(); } popup.setAttribute('src', 'popup.html?tabId=' + tabId); - if ( popup.parentNode === null ) { - container.appendChild(popup); - } + if ( popup.parentNode !== null ) { return; } + let rect = document.getElementById('toolbar').getBoundingClientRect(); + container.style.top = rect.height + 'px'; + container.appendChild(popup); }; let stop = function() { diff --git a/src/popup.html b/src/popup.html index 2a73555..17e5c85 100644 --- a/src/popup.html +++ b/src/popup.html @@ -19,14 +19,14 @@