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:
Jens Vanhooydonck 2019-10-04 16:46:01 +02:00 committed by Bram Kragten
parent 860973bdbd
commit ba79633758
2 changed files with 8 additions and 2 deletions

View File

@ -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;

View File

@ -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;
}
`,
];
}