fix(ui5-checkbox): fix wrapping of a long word (#1007)

niyap · ilhan007 · commit 2117ecc3aadd · 2019-12-04T10:14:28.000+02:00
diff --git a/packages/main/src/themes/CheckBox.css b/packages/main/src/themes/CheckBox.css
@@ -35,6 +35,10 @@
 	margin-top: var(--_ui5_checkbox_wrapped_content_margin_top);
 }
 
+:host([wrap][text]) .ui5-checkbox-root .ui5-checkbox-label {
+	word-break: break-all;
+}
+
 :host([wrap]) .ui5-checkbox-root:focus::before {
 	bottom: var(--_ui5_checkbox_wrapped_focus_left_top_bottom_position);
 }

Original file line number	Diff line number	Diff line change
`@@ -35,6 +35,10 @@`
`35`	`35`	`margin-top: var(--_ui5_checkbox_wrapped_content_margin_top);`
`36`	`36`	`}`
`37`	`37`
	`38`	`+:host([wrap][text]) .ui5-checkbox-root .ui5-checkbox-label {`
	`39`	`+ word-break: break-all;`
	`40`	`+}`
	`41`	`+`
`38`	`42`	`:host([wrap]) .ui5-checkbox-root:focus::before {`
`39`	`43`	`bottom: var(--_ui5_checkbox_wrapped_focus_left_top_bottom_position);`
`40`	`44`	`}`