<>
<Title>{translate('onboarding.tutorial.with.azure_pipelines.title')}</Title>
- <TutorialStepList>
+ <TutorialStepList className="sw-mb-10">
<TutorialStep
title={translate(
`onboarding.tutorial.with.azure_pipelines.${Steps.ExtensionInstallation}.title`
highlightKeys={['name']}
/>
<InlineSnippet snippet="SONAR_TOKEN" className="sw-ml-1" />
- <ClipboardIconButton copyValue="SONAR_TOKEN" className="sw-ml-2" />
+ <ClipboardIconButton copyValue="SONAR_TOKEN" className="sw-ml-2 sw-align-sub" />
</NumberedListItem>
<NumberedListItem>
<TokenStepGenerator component={component} currentUser={currentUser} />
highlightKeys={['name']}
/>
<InlineSnippet snippet="SONAR_HOST_URL" className="sw-ml-1" />
- <ClipboardIconButton copyValue="SONAR_HOST_URL" className="sw-ml-2" />
+ <ClipboardIconButton copyValue="SONAR_HOST_URL" className="sw-ml-2 sw-align-sub" />
</NumberedListItem>
<NumberedListItem>
<FormattedMessage
defaultMessage={translate('onboarding.tutorial.env_variables')}
id="onboarding.tutorial.env_variables"
values={{
- extra: <ClipboardIconButton copyValue={baseUrl} className="sw-ml-1" />,
+ extra: <ClipboardIconButton copyValue={baseUrl} className="sw-ml-1 sw-align-sub" />,
field: (
<span className="sw-body-sm-highlight">
{translate('onboarding.tutorial.env_variables.field')}
{translate('onboarding.tutorial.ci_outro.refresh_text')}
</p>
<ul className="sw-mb-6">
- <li className="sw-mb-4 sw-flex sw-items-center">
- <CheckIcon className="sw-mr-2" />
+ <li className="sw-mb-4 sw-flex">
+ <CheckIcon className="sw-mr-2 sw-pt-1/2" />
{branchSupportEnabled
? translate('onboarding.tutorial.ci_outro.commit.why', alm)
: translate('onboarding.tutorial.ci_outro.commit.why.no_branches')}
</li>
{willRefreshAutomatically && (
- <li className="sw-mb-4 sw-flex sw-items-center">
- <CheckIcon className="sw-mr-2" />
+ <li className="sw-mb-4 sw-flex">
+ <CheckIcon className="sw-mr-2 sw-pt-1/2" />
{translate('onboarding.tutorial.ci_outro.refresh.why')}
</li>
)}
file: (
<>
<InlineSnippet snippet={yamlFileName} />
- <ClipboardIconButton copyValue={yamlFileName} className="sw-ml-2" />
+ <ClipboardIconButton copyValue={yamlFileName} className="sw-ml-2 sw-align-sub" />
</>
),
}}
groovy: (
<>
<InlineSnippet snippet={GradleBuildDSL.Groovy} />
- <ClipboardIconButton copyValue={GradleBuildDSL.Groovy} className="sw-ml-2" />
+ <ClipboardIconButton
+ copyValue={GradleBuildDSL.Groovy}
+ className="sw-ml-2 sw-align-sub"
+ />
</>
),
kotlin: (
<>
<InlineSnippet snippet={GradleBuildDSL.Kotlin} />
- <ClipboardIconButton copyValue={GradleBuildDSL.Kotlin} className="sw-ml-2" />
+ <ClipboardIconButton
+ copyValue={GradleBuildDSL.Kotlin}
+ className="sw-ml-2 sw-align-sub"
+ />
</>
),
sq: <InlineSnippet snippet="org.sonarqube" />,
highlightKeys={['name']}
/>
<InlineSnippet snippet="SONAR_TOKEN" className="sw-ml-1" />
- <ClipboardIconButton copyValue="SONAR_TOKEN" className="sw-ml-2" />
+ <ClipboardIconButton copyValue="SONAR_TOKEN" className="sw-ml-2 sw-align-sub" />
</NumberedListItem>
<NumberedListItem>
<TokenStepGenerator component={component} currentUser={currentUser} />
highlightKeys={['name']}
/>
<InlineSnippet snippet="SONAR_HOST_URL" className="sw-ml-1" />
- <ClipboardIconButton copyValue="SONAR_HOST_URL" className="sw-ml-2" />
+ <ClipboardIconButton copyValue="SONAR_HOST_URL" className="sw-ml-2 sw-align-sub" />
</NumberedListItem>
<NumberedListItem>
<FormattedMessage
defaultMessage={translate('onboarding.tutorial.env_variables')}
id="onboarding.tutorial.env_variables"
values={{
- extra: <ClipboardIconButton copyValue={baseUrl} className="sw-ml-1" />,
+ extra: <ClipboardIconButton copyValue={baseUrl} className="sw-ml-1 sw-align-sub" />,
field: (
<span className="sw-body-sm-highlight">
{translate('onboarding.tutorial.env_variables.field')}
defaultMessage={fieldValueTranslation}
id="onboarding.tutorial.with.gitlab_ci.variables.step1"
values={{
- extra: <ClipboardIconButton copyValue="SONAR_TOKEN" className="sw-ml-1" />,
+ extra: (
+ <ClipboardIconButton copyValue="SONAR_TOKEN" className="sw-ml-1 sw-align-sub" />
+ ),
field: (
<span className="sw-body-sm-highlight">
{translate('onboarding.tutorial.with.gitlab_ci.variables.step1')}
defaultMessage={fieldValueTranslation}
id="onboarding.tutorial.with.gitlab_ci.variables.step1"
values={{
- extra: <ClipboardIconButton copyValue="SONAR_HOST_URL" className="sw-ml-1" />,
+ extra: (
+ <ClipboardIconButton
+ copyValue="SONAR_HOST_URL"
+ className="sw-ml-1 sw-align-sub"
+ />
+ ),
field: (
<span className="sw-body-sm-highlight">
{translate('onboarding.tutorial.with.gitlab_ci.variables.step1')}
defaultMessage={fieldValueTranslation}
id="onboarding.tutorial.with.gitlab_ci.variables.step2"
values={{
- extra: <ClipboardIconButton copyValue={baseUrl} className="sw-ml-1" />,
+ extra: <ClipboardIconButton copyValue={baseUrl} className="sw-ml-1 sw-align-sub" />,
field: (
<span className="sw-body-sm-highlight">
{translate('onboarding.tutorial.env_variables.field')}
<InlineSnippet snippet={filenameForBuildTool[buildTool]} />
<ClipboardIconButton
- className="sw-ml-2"
+ className="sw-ml-2 sw-align-sub"
copyValue={filenameForBuildTool[buildTool]}
/>
</>
<InlineSnippet snippet={GradleBuildDSL.Kotlin} />
<ClipboardIconButton
- className="sw-ml-2"
+ className="sw-ml-2 sw-align-sub"
copyValue={GradleBuildDSL.Kotlin}
/>
</>
/>
<ClipboardIconButton
- className="sw-ml-2"
+ className="sw-ml-2 sw-align-sub"
copyValue={translate('onboarding.tutorial.with.gitlab_ci.yaml.filename')}
/>
</>
}
handleBuildToolChange = (buildTool: BuildTools) => {
- this.setState({ config: { buildTool } }, () => {
+ const selectOsByDefault = (buildTool === BuildTools.CFamily ||
+ buildTool === BuildTools.Other) && {
+ os: OSs.Linux,
+ };
+
+ this.setState({ config: { buildTool, ...selectOsByDefault } }, () => {
this.props.onDone(this.state.config);
});
};