diff --git a/fixtures/ghost-kitty.mp4 b/fixtures/ghost-kitty.mp4 deleted file mode 100644 index 936349ea5..000000000 Binary files a/fixtures/ghost-kitty.mp4 and /dev/null differ diff --git a/fixtures/pixabay-Soap-Bubble-7141.mp4 b/fixtures/pixabay-Soap-Bubble-7141.mp4 deleted file mode 100644 index f600bea00..000000000 Binary files a/fixtures/pixabay-Soap-Bubble-7141.mp4 and /dev/null differ diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss index 2190342e7..51a0e777a 100644 --- a/stylesheets/_session.scss +++ b/stylesheets/_session.scss @@ -1325,15 +1325,16 @@ label { } .session-id-editable { - resize: none; - overflow: hidden; -} + padding: $session-margin-lg; -.user-details-dialog { - .session-id-editable { + textarea { width: 30vh; } } +.session-id-editable textarea { + resize: none; + overflow: hidden; +} input { user-select: text; diff --git a/stylesheets/_session_left_pane.scss b/stylesheets/_session_left_pane.scss index 326139ea9..f1c3faafa 100644 --- a/stylesheets/_session_left_pane.scss +++ b/stylesheets/_session_left_pane.scss @@ -296,7 +296,7 @@ $session-compose-margin: 20px; margin: 0px 20px; } - .session-id-editable { + .session-id-editable textarea::-webkit-inner-spin-button { margin: 0px 20px; width: -webkit-fill-available; flex-shrink: 0; diff --git a/stylesheets/_session_signin.scss b/stylesheets/_session_signin.scss index d74ac66d6..6e17b6c80 100644 --- a/stylesheets/_session_signin.scss +++ b/stylesheets/_session_signin.scss @@ -224,22 +224,31 @@ } &-id-editable { + display: flex; + align-items: center; + justify-content: center; height: 94px; width: 100%; + padding: 20px; border-radius: 8px; - border: 2px solid $session-color-dark-grey; - outline: 0; - background: transparent; - color: $session-color-white; - font-size: 15px; - line-height: 18px; - text-align: center; + border: 2px solid #353535; margin-bottom: 20px; - overflow-wrap: break-word; - padding: 20px 5px 20px 5px; - display: inline-block; - font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; - user-select: all; + + textarea { + width: 100%; + outline: 0; + border: none; + background: transparent; + color: #fff; + font-size: 15px; + line-height: 18px; + text-align: center; + overflow-wrap: break-word; + padding: 20px 5px 20px 5px; + display: inline-block; + font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; + user-select: all; + } } } diff --git a/ts/components/session/SessionIdEditable.tsx b/ts/components/session/SessionIdEditable.tsx index 448083ca1..cc5c140d2 100644 --- a/ts/components/session/SessionIdEditable.tsx +++ b/ts/components/session/SessionIdEditable.tsx @@ -28,16 +28,17 @@ export class SessionIdEditable extends React.PureComponent { const { placeholder, editable, text } = this.props; return ( -