jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 17:56:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

HA Cloud overflow wrap (#3905)

Browse Source 
* 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/panels/config/cloud/account/cloud-remote-pref.ts
View File

@ -84,7 +84,7 @@ export class CloudRemotePref extends LitElement {
: this.hass!.localize( : this.hass!.localize(
"ui.panel.config.cloud.account.remote.instance_will_be_available" "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 https://${remote_domain}</a
>. >.
</div> </div>
@ -141,6 +141,9 @@ export class CloudRemotePref extends LitElement {
a { a {
color: var(--primary-color); color: var(--primary-color);
} }
.break-word {
overflow-wrap: break-word;
}
.switch { .switch {
position: absolute; position: absolute;
right: 24px; right: 24px;

5
src/panels/config/cloud/dialog-cloud-certificate/dialog-cloud-certificate.ts
View File

@ -58,7 +58,7 @@ class DialogCloudCertificate extends LitElement {
"ui.panel.config.cloud.dialog_certificate.will_be_auto_renewed" "ui.panel.config.cloud.dialog_certificate.will_be_auto_renewed"
)}) )})
</p> </p>
<p> <p class="break-word">
${this.hass!.localize( ${this.hass!.localize(
"ui.panel.config.cloud.dialog_certificate.fingerprint" "ui.panel.config.cloud.dialog_certificate.fingerprint"
)} )}
@ -92,6 +92,9 @@ class DialogCloudCertificate extends LitElement {
ha-paper-dialog { ha-paper-dialog {
width: 535px; width: 535px;
} }
.break-word {
overflow-wrap: break-word;
}
`, `,
]; ];
} }