diff --git a/.gitignore b/.gitignore index e4d3d09..b96e81b 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,5 @@ web-ext-artifacts/ TODO +NOTES +play/ build/ diff --git a/src/background.js b/src/background.js index 5f8c721..1b4857e 100644 --- a/src/background.js +++ b/src/background.js @@ -16,6 +16,7 @@ export let defaultOptions = { minTabSize: 150, maxTabSize: 300, minTabHeight: 28, + maxTabRows: 99, minLightness: 59, maxLightness: 100, fitLightness: true, @@ -43,6 +44,7 @@ function makeDynamicSheet(options) { --paxmod-min-tab-size: ${options.minTabSize}px; --paxmod-max-tab-size: ${options.maxTabSize}px; --tab-min-height: ${options.minTabHeight}px !important; + --paxmod-max-tab-rows: ${options.maxTabRows} !important; --paxmod-font-family: ${options.fontFamily}; --paxmod-display-newtab: ${options.displayNewtab ? '-webkit-box' : 'none'}; --paxmod-titlebar-display: ${options.displayTitlebar ? '-webkit-box' : 'none'}; diff --git a/src/browser.css b/src/browser.css index 9c684d9..71e3800 100644 --- a/src/browser.css +++ b/src/browser.css @@ -49,6 +49,10 @@ toolbarbutton#tabs-newtab-button { width: 100% !important; display: flex !important; flex-wrap: wrap !important; + max-height: calc(var(--tab-min-height) * var(--paxmod-max-tab-rows)) !important; + overflow-y: auto !important; + scrollbar-width: thin !important; + scrollbar-color: var(--toolbarbutton-active-background) transparent; } #tabbrowser-arrowscrollbox::part(arrowscrollbox-overflow-start-indicator), diff --git a/src/options/options.html b/src/options/options.html index e1562a0..e27f9ef 100644 --- a/src/options/options.html +++ b/src/options/options.html @@ -45,6 +45,9 @@

Settings

px
+
+
+