${i18n('cc-addon-admin.delete-disclaimer')}
diff --git a/src/components/cc-addon-backups/cc-addon-backups.js b/src/components/cc-addon-backups/cc-addon-backups.js index 4139f6162..6e41f56e1 100644 --- a/src/components/cc-addon-backups/cc-addon-backups.js +++ b/src/components/cc-addon-backups/cc-addon-backups.js @@ -248,10 +248,15 @@ export class CcAddonBackups extends LitElement { render() { return html`${i18n('cc-domain-management.form.info.docs')}
${i18n('cc-domain-management.form.info.cleverapps')}
@@ -319,7 +325,7 @@ export class CcDomainManagement extends LitElement {${i18n('cc-domain-management.certif.automated')}
${i18n('cc-domain-management.certif.custom')}
${i18n('cc-grafana-info.enable-description')}
${i18n('cc-grafana-info.grafana-link-description')}
@@ -165,7 +170,7 @@ export class CcGrafanaInfo extends LitElement { `} -${this._renderAvatar(skeleton, avatar, name)} ${name} @@ -119,8 +120,9 @@ export class CcHeaderOrga extends LitElement { : ''}
This content is slotted. You should keep it short because it's a header component.
+const DEFAULT_SLOTTED_CONTENT_FOOTER_LEFT = `This content is slotted on the left footer side.
+This content is slotted on the right footer side.
The slotted content container has a default styling: background-color
, padding
and border-top
.
You may change any of these by styling the tag on which you have added the slot="footer"
attribute.
Caution: the default styling was designed to remain consistent with the header body and avoid drawing too much attention to it. You should stick to the default styling as much as possible and stay as close as possible to it. This example is only here to demo that anything can be customized. -
${i18n('cc-orga-member-list.invite.info')}
@@ -471,7 +481,7 @@ export class CcOrgaMemberList extends LitElement { */ _renderDangerZone(members) { return html` -${i18n('cc-orga-member-list.leave.text')}
@@ -623,6 +633,11 @@ export class CcOrgaMemberList extends LitElement { justify-content: end; } /* endregion */ + + [slot='footer-right'] .cc-link { + align-items: center; + display: flex; + } `, ]; } diff --git a/src/components/cc-ssh-key-list/cc-ssh-key-list.js b/src/components/cc-ssh-key-list/cc-ssh-key-list.js index b2ebb1f60..66986c7fa 100644 --- a/src/components/cc-ssh-key-list/cc-ssh-key-list.js +++ b/src/components/cc-ssh-key-list/cc-ssh-key-list.js @@ -5,6 +5,7 @@ import { repeat } from 'lit/directives/repeat.js'; import { iconRemixAddCircleFill as iconAdd, iconRemixDeleteBin_5Fill as iconBin, + iconRemixInformationFill as iconInfo, iconRemixKey_2Fill as iconKey, } from '../../assets/cc-remix.icons.js'; import { LostFocusController } from '../../controllers/lost-focus-controller.js'; @@ -15,6 +16,7 @@ import { formSubmit } from '../../lib/form/form-submit-directive.js'; import { Validation } from '../../lib/form/validation.js'; import { sortBy } from '../../lib/utils.js'; import { skeletonStyles } from '../../styles/skeleton.js'; +import { ccLink, linkStyles } from '../../templates/cc-link/cc-link.js'; import { i18n } from '../../translations/translation.js'; import '../cc-badge/cc-badge.js'; import '../cc-block-section/cc-block-section.js'; @@ -25,6 +27,8 @@ import '../cc-img/cc-img.js'; import '../cc-input-text/cc-input-text.js'; import '../cc-notice/cc-notice.js'; +const SSH_KEY_DOCUMENTATION = 'https://developers.clever-cloud.com/doc/account/ssh-keys-management/'; + /** * @type {SshKeyState[]} */ @@ -151,10 +155,10 @@ export class CcSshKeyList extends LitElement { render() { return html`Click on buttons to trigger a toast
-Click on buttons to trigger a toast
+