Fix headings margin on security user settings tab (#8826)

* Apply kind=link to 'Learn more' link on security user settings tab

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove specific margin setting from heading on security user settings tab

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2022-07-06 10:48:52 +00:00 committed by GitHub
parent 2ebb5eb957
commit afa8b01601
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 14 deletions

View file

@ -92,12 +92,6 @@ limitations under the License.
}
}
.mx_SettingsTab_linkBtn {
cursor: pointer;
color: $accent;
word-break: break-all;
}
.mx_SettingsTab_toggleWithDescription {
margin-top: $spacing-24;
}

View file

@ -27,9 +27,6 @@ limitations under the License.
}
.mx_SecurityUserSettingsTab {
.mx_SettingsTab_heading {
margin-bottom: 22px;
}
.mx_SettingsTab_section {
.mx_AccessibleButton_kind_link {
font-size: inherit;

View file

@ -306,11 +306,12 @@ export default class SecurityUserSettingsTab extends React.Component<IProps, ISt
{ _t("Share anonymous data to help us identify issues. Nothing personal. " +
"No third parties.") }
</p>
<p>
<AccessibleButton className="mx_SettingsTab_linkBtn" onClick={onClickAnalyticsLearnMore}>
{ _t("Learn more") }
</AccessibleButton>
</p>
<AccessibleButton
kind="link"
onClick={onClickAnalyticsLearnMore}
>
{ _t("Learn more") }
</AccessibleButton>
</div>
{ PosthogAnalytics.instance.isEnabled() && (
<SettingsFlag