diff --git a/src/components/Content.js b/src/components/Content.js index abba0d9..cb7c8fa 100644 --- a/src/components/Content.js +++ b/src/components/Content.js @@ -545,7 +545,8 @@ class Content extends Component { height: 32, display: 'flex', alignItems: 'center', - justifyContent: 'center' + justifyContent: 'center', + pointerEvents: 'none' }}> diff --git a/src/components/ProductDetailPage.js b/src/components/ProductDetailPage.js index c3524d5..f7de9ad 100644 --- a/src/components/ProductDetailPage.js +++ b/src/components/ProductDetailPage.js @@ -827,7 +827,7 @@ class ProductDetailPage extends Component { {/* Attribute images and chips with action buttons */} {(attributes.some(attr => attributeImages[attr.kMerkmalWert]) || attributes.some(attr => !attributeImages[attr.kMerkmalWert])) && ( - + {attributes .filter(attribute => attributeImages[attribute.kMerkmalWert]) .map((attribute) => { @@ -850,7 +850,15 @@ class ProductDetailPage extends Component { key={attribute.kMerkmalWert} label={attribute.cWert} disabled - sx={{ mb: 1 }} + sx={{ + '&.Mui-disabled': { + opacity: 1, // ← Remove the "fog" + }, + '& .MuiChip-label': { + fontWeight: 'bold', + color: 'inherit', // ← Keep normal text color + }, + }} /> ))}