Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 08:58:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 114

Fix Firefox flexbox on all hosts page (#607)

Browse source
This commit is contained in:
Kyle Knight 2016-12-09 16:31:54 -06:00 committed by Jason Meller
parent d9754bde20
commit 3aad263e6d
2 changed files with 13 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
frontend/components/side_panels/HostSidePanel/PanelGroupItem/PanelGroupItem.jsx
View file

@ -39,12 +39,14 @@ class PanelGroupItem extends Component {
return (
<button className={wrapperClassName} onClick={onLabelClick}>
<Icon name={iconClassForLabel(item)} className={`${baseClass}__icon`} />
<span className={`${baseClass}__name`}>
{displayText}
{description && <span className={`${baseClass}__description`}>{description}</span>}
</span>
<span className={`${baseClass}__count`}>{count}</span>
<div className={`${baseClass}__flexy`}>
<Icon name={iconClassForLabel(item)} className={`${baseClass}__icon`} />
<span className={`${baseClass}__name`}>
{displayText}
{description && <span className={`${baseClass}__description`}>{description}</span>}
</span>
<span className={`${baseClass}__count`}>{count}</span>
</div>
</button>
);
}

7
frontend/components/side_panels/HostSidePanel/PanelGroupItem/_styles.scss
View file

@ -24,8 +24,6 @@ $base-class: 'panel-group-item';
.#{$base-class} {
@include transition(color 75ms ease-in-out, background 75ms ease-in-out);
@include display(flex);
@include align-items(center);
width: 100%;
font-size: 16px;
line-height: 2.25;
@ -36,6 +34,11 @@ $base-class: 'panel-group-item';
padding: 0 $pad-large;
border-radius: 4px;
&__flexy {
@include display(flex);
@include align-items(center);
}
&__icon {
@include transition(color 75ms ease-in-out);
margin-right: 23px;