IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Grafana/ui: Fix margin in RadioButtonGroup option when only icon is present (#68899)

Browse Source
This commit is contained in:
Andrej Ocenas 2023-06-09 10:54:06 +02:00 committed by GitHub
parent 5d11def033
commit 417f6ceeb6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButtonGroup.tsx
View File

@ -75,6 +75,7 @@ export function RadioButtonGroup<T>({
{options.map((opt, i) => { {options.map((opt, i) => {
const isItemDisabled = disabledOptions && opt.value && disabledOptions.includes(opt.value); const isItemDisabled = disabledOptions && opt.value && disabledOptions.includes(opt.value);
const icon = opt.icon ? toIconName(opt.icon) : undefined; const icon = opt.icon ? toIconName(opt.icon) : undefined;
const hasNonIconPart = Boolean(opt.imgUrl || opt.label || opt.component);
return ( return (
<RadioButton <RadioButton
@ -91,7 +92,7 @@ export function RadioButtonGroup<T>({
fullWidth={fullWidth} fullWidth={fullWidth}
ref={value === opt.value ? activeButtonRef : undefined} ref={value === opt.value ? activeButtonRef : undefined}
> >
{icon && <Icon name={icon} className={styles.icon} />} {icon && <Icon name={icon} className={cx(hasNonIconPart && styles.icon)} />}
{opt.imgUrl && <img src={opt.imgUrl} alt={opt.label} className={styles.img} />} {opt.imgUrl && <img src={opt.imgUrl} alt={opt.label} className={styles.img} />}
{opt.label} {opt.component ? <opt.component /> : null} {opt.label} {opt.component ? <opt.component /> : null}
</RadioButton> </RadioButton>