diff options
| author | metamuffin <metamuffin@disroot.org> | 2023-06-25 10:15:39 +0200 |
|---|---|---|
| committer | metamuffin <metamuffin@disroot.org> | 2023-06-25 10:15:39 +0200 |
| commit | 4dd7314b2e5cc3776c76cdfdc029d48d9265ad67 (patch) | |
| tree | 4ad4a35ef6a3b91fd987c7607e8ab3fd89799e2e | |
| parent | 3108716934dfc26c4f93eb60001f37065fef3186 (diff) | |
| download | keks-meet-4dd7314b2e5cc3776c76cdfdc029d48d9265ad67.tar keks-meet-4dd7314b2e5cc3776c76cdfdc029d48d9265ad67.tar.bz2 keks-meet-4dd7314b2e5cc3776c76cdfdc029d48d9265ad67.tar.zst | |
leave button
| -rw-r--r-- | client-web/source/menu.ts | 7 | ||||
| -rw-r--r-- | client-web/style/master.sass | 5 | ||||
| -rw-r--r-- | client-web/style/menu.sass | 6 |
3 files changed, 11 insertions, 7 deletions
diff --git a/client-web/source/menu.ts b/client-web/source/menu.ts index 5ecb2b2..9ad86e7 100644 --- a/client-web/source/menu.ts +++ b/client-web/source/menu.ts @@ -35,15 +35,16 @@ export function info_br() { export function control_bar(room: Room, side_ui_container: HTMLElement): HTMLElement { + const leave = ebutton("Leave", { class: "leave", onclick() { window.location.href = "/" } }) const chat = side_ui(side_ui_container, room.chat.element, "Chat") const prefs = side_ui(side_ui_container, ui_preferences(), "Settings") - const local_controls = ediv({ class: "local-controls", aria_label: "local resources" }, + const local_controls = [ //ediv({ class: "local-controls", aria_label: "local resources" }, ebutton("Microphone", { onclick: () => room.local_user.await_add_resource(create_mic_res()) }), ebutton("Camera", { onclick: () => room.local_user.await_add_resource(create_camera_res()) }), ebutton("Screen", { onclick: () => room.local_user.await_add_resource(create_screencast_res()) }), ebutton("File", { onclick: () => room.local_user.await_add_resource(create_file_res()) }), - ) - return enav({ class: "control-bar" }, chat.el, prefs.el, local_controls) + ] + return enav({ class: "control-bar" }, leave, chat.el, prefs.el, ...local_controls) } export interface SideUI { el: HTMLElement, set_state: (s: boolean) => void } diff --git a/client-web/style/master.sass b/client-web/style/master.sass index ecd0465..6a26b67 100644 --- a/client-web/style/master.sass +++ b/client-web/style/master.sass @@ -57,6 +57,7 @@ button, border-radius: 3px font-size: small font-weight: 400 + cursor: pointer input[type="button"]:hover, button:hover, @@ -74,6 +75,10 @@ input[type="number"] background-color: var(--bg-dark) border: 1px solid var(--ac-light) +button.leave + left: 0px + background-color: #9a2020 + input:disabled, button:disabled, .side-ui-control:disabled diff --git a/client-web/style/menu.sass b/client-web/style/menu.sass index 2e020b3..204e8b3 100644 --- a/client-web/style/menu.sass +++ b/client-web/style/menu.sass @@ -6,12 +6,10 @@ .control-bar background-color: var(--bg) padding: 0.75em + z-index: 100 width: auto - border: 0px solid transparent display: flex - align-items: center - justify-content: center - z-index: 100 + flex-wrap: wrap .main position: relative |