mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-23 17:26:42 +00:00
HA Cloud overflow wrap (#3905)
* Overflow of Remote Control URL * Overflow wrap of certificate information Closes #2982 * Changed styling to class break-word * Changed break-work to class * Update src/panels/config/cloud/account/cloud-remote-pref.ts Co-Authored-By: Bram Kragten <mail@bramkragten.nl>
This commit is contained in:
parent
860973bdbd
commit
ba79633758
@ -84,7 +84,7 @@ export class CloudRemotePref extends LitElement {
|
||||
: this.hass!.localize(
|
||||
"ui.panel.config.cloud.account.remote.instance_will_be_available"
|
||||
)}
|
||||
<a href="https://${remote_domain}" target="_blank">
|
||||
<a href="https://${remote_domain}" target="_blank" class="break-word">
|
||||
https://${remote_domain}</a
|
||||
>.
|
||||
</div>
|
||||
@ -141,6 +141,9 @@ export class CloudRemotePref extends LitElement {
|
||||
a {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
.break-word {
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
.switch {
|
||||
position: absolute;
|
||||
right: 24px;
|
||||
|
@ -58,7 +58,7 @@ class DialogCloudCertificate extends LitElement {
|
||||
"ui.panel.config.cloud.dialog_certificate.will_be_auto_renewed"
|
||||
)})
|
||||
</p>
|
||||
<p>
|
||||
<p class="break-word">
|
||||
${this.hass!.localize(
|
||||
"ui.panel.config.cloud.dialog_certificate.fingerprint"
|
||||
)}
|
||||
@ -92,6 +92,9 @@ class DialogCloudCertificate extends LitElement {
|
||||
ha-paper-dialog {
|
||||
width: 535px;
|
||||
}
|
||||
.break-word {
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
`,
|
||||
];
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user