fix(ui5-segmentedbutton): size adjustments (#1225)

- correct cosy and compact height - listen on resize of the parent, not on the body
SAP · Feb 20, 2020 · 1a8f8b0 · 1a8f8b0
1 parent 9dab18b
commit 1a8f8b0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/main/src/SegmentedButton.js b/packages/main/src/SegmentedButton.js
@@ -96,16 +96,16 @@ class SegmentedButton extends UI5Element {
 		this.absoluteWidthSet = false; // set to true whenever we set absolute width to the component
 		this.percentageWidthSet = false; //  set to true whenever we set 100% width to the component
 		this.hasPreviouslyFocusedItem = false;
-	}
 
-	onEnterDOM() {
 		this._handleResizeBound = this._handleResize.bind(this);
+	}
 
-		ResizeHandler.register(document.body, this._handleResizeBound);
+	onEnterDOM() {
+		ResizeHandler.register(this.parentNode, this._handleResizeBound);
 	}
 
 	onExitDOM() {
-		ResizeHandler.deregister(document.body, this._handleResizeBound);
+		ResizeHandler.deregister(this.parentNode, this._handleResizeBound);
 	}
 
 	onBeforeRendering() {

diff --git a/packages/main/src/themes/SegmentedButton.css b/packages/main/src/themes/SegmentedButton.css
@@ -8,7 +8,7 @@
 
 ::slotted(ui5-togglebutton) {
 	border-radius: 0;
-	height: 2.75rem;
+	height: var(--_ui5_button_base_height);
 	min-width: 2.5rem;
 	white-space: nowrap;
 	overflow: hidden;