Page MenuHomePhabricator
Paste P7949

Sample code to make search bar appear as one element
ActivePublic

Authored by matthiasmullie on Jan 2 2019, 4:10 PM.
.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;
}
}