Sample code to make search bar appear as one element
No One
Actions

Authored By

	matthiasmullie
	Jan 2 2019, 4:14 PM

Size

931 B

Referenced Files

None

Subscribers

None

Sample code to make search bar appear as one element
View Options

	.mediainfo-search-widget {
	/* below: hacks to remove border radius & blend them all together */

	.mediainfo-search-input,
	.mediainfo-search-select-checkboxes-widget {
	margin-right: 0;
	vertical-align: top;
	}

	/* keywords input field */
	.mediainfo-search-input > .oo-ui-textInputWidget > .oo-ui-inputWidget-input,
	/* statements input field */
	.mediainfo-search-input > .oo-ui-widget > .oo-ui-textInputWidget > .oo-ui-inputWidget-input,
	/* depicts input */
	.oo-ui-tagMultiselectWidget-handle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	}
	/* namespace selection dropdown */
	.mediainfo-search-select-checkboxes-widget .oo-ui-dropdownWidget-handle {
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	}
	/* search button */
	.mediainfo-search-button.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	}
	}

Mime Type: text/plain; charset=utf-8
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 6913258
Default Alt Text: Sample code to make search bar appear as one element (931 B)