style bottom bar

element-hq · Feb 3, 2023 · d84d09f · d84d09f
1 parent 4fe2947
commit d84d09f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/platform/web/ui/css/themes/element/theme.css b/src/platform/web/ui/css/themes/element/theme.css
@@ -950,7 +950,7 @@ button.link {
     width: 100%;
 }
 
-.DisabledComposerView {
+.DisabledComposerView, .PeekableRoomComposerView {
     padding: 12px;
     background-color: var(--background-color-secondary);
 }
@@ -980,6 +980,16 @@ button.link {
 .PeekableRoomView .Timeline_message:hover > .Timeline_messageOptions{
     display: none;
 }
+.PeekableRoomComposerView {
+    padding: 12px;
+}
+.PeekableRoomComposerView h3 {
+    display: inline-block;
+    margin: 0;
+}
+.PeekableRoomComposerView .joinRoomButton {
+    float: right;
+}
 
 .LoadingView {
     height: 100%;

diff --git a/src/platform/web/ui/session/room/PeekableRoomView.js b/src/platform/web/ui/session/room/PeekableRoomView.js
@@ -31,8 +31,8 @@ export class PeekableRoomView extends TemplateView {
                         new TimelineLoadingView(vm);    // vm is just needed for i18n
                 }),
                 t.div({className: "PeekableRoomComposerView"}, [
-                    t.h3(vm => vm.i18n`You are currently peeking into this room. To join, click the button below.`),
-                    t.button({className: "joinRoomButton", onClick: () => vm.join()}, "Join")
+                    t.h3(vm => vm.i18n`Join the room to participate`),
+                    t.button({className: "joinRoomButton", onClick: () => vm.join()}, vm.i18n`Join Room`)
                 ])
             ])
         ]);