tedkulp/Sonarr
1
0
Fork 0
mirror of https://github.com/Sonarr/Sonarr.git synced 2026-04-25 22:46:31 -04:00
Code Issues Projects Releases Wiki Activity

Fixed: Series toolbar button collapsing

Browse Source
This commit is contained in:
Mark McDowall
2020-04-09 22:58:08 -07:00
parent 9b99ad27cd
commit e1639d35a2
4 changed files with 8 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/Components/Page/Toolbar/PageToolbarSection.css
+1 -1
View File
@@ -1,6 +1,6 @@
.sectionContainer {
display: flex;
flex: 1 1 10%;
flex: 1 1 auto;
overflow: hidden;
}
frontend/src/Components/Page/Toolbar/PageToolbarSection.js
+5 -6
View File
@@ -15,7 +15,6 @@ import styles from './PageToolbarSection.css';
const BUTTON_WIDTH = parseInt(dimensions.toolbarButtonWidth);
const SEPARATOR_MARGIN = parseInt(dimensions.toolbarSeparatorMargin);
const SEPARATOR_WIDTH = 2 * SEPARATOR_MARGIN + 1;
const SEPARATOR_NAME = 'PageToolbarSeparator';
function calculateOverflowItems(children, isMeasured, width, collapseButtons) {
let buttonCount = 0;
@@ -23,9 +22,7 @@ function calculateOverflowItems(children, isMeasured, width, collapseButtons) {
const validChildren = [];
forEach(children, (child) => {
const name = child.type.name;
if (name === SEPARATOR_NAME) {
if (Object.keys(child.props).length === 0) {
separatorCount++;
} else {
buttonCount++;
@@ -68,12 +65,14 @@ function calculateOverflowItems(children, isMeasured, width, collapseButtons) {
}
validChildren.forEach((child, index) => {
const isSeparator = Object.keys(child.props).length === 0;
if (actualButtons < maxButtons) {
if (child.type.name !== SEPARATOR_NAME) {
if (!isSeparator) {
buttons.push(child);
actualButtons++;
}
} else if (child.type.name !== SEPARATOR_NAME) {
} else if (!isSeparator) {
overflowItems.push(child.props);
}
});