return (
<div className="page-header">
- <div className="display-flex-space-between spacer-top">
+ <div className="display-flex-center projects-header-row display-flex-space-between">
<SearchFilterContainer onQueryChange={props.onQueryChange} query={props.query} />
<div className="display-flex-center">
<ProjectCreationMenu className="little-spacer-right" />
/>
</div>
</div>
- <div className="big-spacer-top display-flex-space-between">
+ <div className="spacer-top projects-header-row display-flex-space-between">
<div
className={classNames('display-flex-center', {
'is-loading': loading,
className="page-header"
>
<div
- className="display-flex-space-between spacer-top"
+ className="display-flex-center projects-header-row display-flex-space-between"
>
<SearchFilterContainer
onQueryChange={[MockFunction]}
</div>
</div>
<div
- className="big-spacer-top display-flex-space-between"
+ className="spacer-top projects-header-row display-flex-space-between"
>
<div
className="display-flex-center"
className="page-header"
>
<div
- className="display-flex-space-between spacer-top"
+ className="display-flex-center projects-header-row display-flex-space-between"
>
<SearchFilterContainer
onQueryChange={[MockFunction]}
</div>
</div>
<div
- className="big-spacer-top display-flex-space-between"
+ className="spacer-top projects-header-row display-flex-space-between"
>
<div
className="display-flex-center is-loading"
height: var(--controlHeight);
}
+.projects-header-row {
+ padding-top: 2px;
+}
+
.projects-list .page-actions {
margin-bottom: 0;
}
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
-import classNames from 'classnames';
import { DiscreetInteractiveIcon, HomeFillIcon, HomeIcon } from 'design-system';
import * as React from 'react';
import { setHomePage } from '../../api/users';
return (
<Tooltip overlay={tooltip}>
- {isDefault ? (
- <span
- aria-label={tooltip}
- className={classNames('sw-inline-block', className)}
- role="img"
- >
- <HomeFillIcon />
- </span>
- ) : (
- <DiscreetInteractiveIcon
- aria-label={tooltip}
- className={className}
- Icon={isChecked ? HomeFillIcon : HomeIcon}
- onClick={isChecked ? this.handleReset : this.handleClick}
- />
- )}
+ <DiscreetInteractiveIcon
+ aria-label={tooltip}
+ className={className}
+ disabled={isDefault}
+ Icon={isChecked ? HomeFillIcon : HomeIcon}
+ onClick={isChecked ? this.handleReset : this.handleClick}
+ />
</Tooltip>
);
}