Browse Source

Allow horizontal scrolling.

Provide a horizontal scrollbar when required, and scroll the
menu header correctly while keeping it fixed vertically.

This allows Chromium users with a `Page zoom` setting to be able to see
the whole matrix.

Closes #440.
pull/2/head
Kenny MacDermid 9 years ago
parent
commit
9170fc4b96
  1. 3
      src/css/popup.css
  2. 5
      src/js/popup.js

3
src/css/popup.css

@ -7,7 +7,7 @@ body {
min-height: 16em;
min-width: 32em;
opacity: 1;
overflow-x: hidden;
overflow-x: auto;
overflow-y: auto;
padding: 0;
}
@ -24,7 +24,6 @@ a {
left:0;
padding: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10;
}

5
src/js/popup.js

@ -960,6 +960,11 @@ var makeMenu = function() {
document.querySelector('.paneHead').clientHeight + 'px'
);
// Make the header scroll with the window.
window.onscroll = function () {
document.querySelector('.paneHead').style.left = "-" + window.scrollX + "px";
};
startMatrixUpdate();
makeMatrixGroup0(groupStats[0]);
makeMatrixGroup1(groupStats[1]);

Loading…
Cancel
Save