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

- correct cosy and compact height
- listen on resize of the parent, not on the body

Author: MapTo0

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() {

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;