Browse Source

Improve layout

new-api
Luke Childs 6 years ago
parent
commit
b67b32b4fd
  1. 4
      src/content.js

4
src/content.js

@ -47,11 +47,13 @@ const injectChart = async () => {
const username = profileCard.querySelector('[data-screen-name]').dataset.screenName; const username = profileCard.querySelector('[data-screen-name]').dataset.screenName;
const data = await getData(username); const data = await getData(username);
const negativeMargin = 12;
const container = document.createElement('div'); const container = document.createElement('div');
container.innerHTML = ` container.innerHTML = `
<div class="ProfileCardBias ProfileCardStats"> <div class="ProfileCardBias ProfileCardStats">
<style> <style>
.ProfileCardBias { .ProfileCardBias {
margin-top: -${negativeMargin}px;
padding-bottom: 8px; padding-bottom: 8px;
} }
@ -110,7 +112,7 @@ const injectChart = async () => {
profileCardStats.parentNode.insertBefore(biases, profileCardStats); profileCardStats.parentNode.insertBefore(biases, profileCardStats);
const gravitySouth = profileCard.classList.contains('gravity-south'); const gravitySouth = profileCard.classList.contains('gravity-south');
const offset = gravitySouth ? biases.offsetHeight : 0; const offset = gravitySouth ? (biases.offsetHeight - negativeMargin) : 0;
profileHoverContainer.style.transform = `translateY(-${offset}px)`; profileHoverContainer.style.transform = `translateY(-${offset}px)`;
}; };

Loading…
Cancel
Save