Sample code to make search bar appear as one element
ActivePublic
Actions

Authored by matthiasmullie on Jan 2 2019, 4:10 PM.

Tags

None

Referenced Files

	F27776373: Sample code to make search bar appear as one element
	Jan 2 2019, 4:14 PM

	F27776366: Sample code to make search bar appear as one element
	Jan 2 2019, 4:11 PM

	F27776363: Sample code to make search bar appear as one element
	Jan 2 2019, 4:10 PM

Subscribers

None

	.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;
	}
	}

matthiasmullie edited the content of this paste. (Show Details)

Sample code to make search bar appear as one elementActivePublicActions