diff --git a/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss b/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss index 34dbf2bb037f9e22d8443b3478cf6cfeee962d53..6a629be5c58500304916ac3a5877d99e8ef358e0 100644 --- a/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss +++ b/src/app/components/shared/_dialogs/present-comment/present-comment.component.scss @@ -8,7 +8,7 @@ margin: 5%; white-space: pre-line; hyphens: auto; - word-wrap: break-word; + overflow-wrap: anywhere !important; } #comment p { diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss index fd378a3fed7ed71ff0d481b096a14baabaddb710..3aaa73bcb8b12f99d2d1af793fc58ef93723f143 100644 --- a/src/app/components/shared/comment/comment.component.scss +++ b/src/app/components/shared/comment/comment.component.scss @@ -69,7 +69,7 @@ mat-card-content > :first-child { color: var(--on-surface); white-space: pre-line; hyphens: auto; - word-wrap: break-word; + overflow-wrap: anywhere !important; } .click { diff --git a/src/app/components/shared/room-join/room-join.component.html b/src/app/components/shared/room-join/room-join.component.html index 9e82a1dd56fd72c14e00f3bf8559bec3f5d6964c..cbbb17f8ff9816cc2bc404d0cb8896c71634c494 100644 --- a/src/app/components/shared/room-join/room-join.component.html +++ b/src/app/components/shared/room-join/room-join.component.html @@ -4,7 +4,6 @@ <mat-form-field (keyup.enter)="onEnter()"> <input id="session_id-input" - autocomplete="cc-number" matInput #roomId (focus)="eventService.makeFocusOnInputTrue()" diff --git a/src/styles.scss b/src/styles.scss index 9a49c1fd71049612f8149b360b6e78a57db458b9..4ae1708338824ff5cfa635e818d8bd69b77cab56 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -31,6 +31,10 @@ body{ border-radius: 10px; } +::-webkit-scrollbar-track-piece { + background-color: var(--dialog); +} + .dark { @include angular-material-theme($dark-theme); }