diff options
Diffstat (limited to 'client-web/public')
-rw-r--r-- | client-web/public/assets/style/master.css | 11 | ||||
-rw-r--r-- | client-web/public/assets/style/room.css | 14 | ||||
-rw-r--r-- | client-web/public/start.html | 3 |
3 files changed, 25 insertions, 3 deletions
diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css index caa8c85..7a59d78 100644 --- a/client-web/public/assets/style/master.css +++ b/client-web/public/assets/style/master.css @@ -33,7 +33,7 @@ body { justify-content: left; } -h2 { +h1 { font-weight: 700; margin: 1em; } @@ -46,20 +46,24 @@ button { border: 0px solid transparent; border-radius: 3px; } + input[type="button"]:hover, button:hover { filter: brightness(130%); } + input[type="button"].active, button.active { filter: hue-rotate(20deg); } + input[type="text"], select, input[type="number"] { background-color: var(--bg-dark); border: 1px solid var(--ac-light); } + input:disabled, button:disabled { filter: sepia(90%); @@ -71,15 +75,18 @@ button:disabled { left: 50vw; transform: translate(-50%, -50%); } + .start-box p { margin-bottom: 0.5em; } + .start-box input[type="text"] { margin: 0.5em; font-size: xx-large; } + .start-box input[type="button"] { margin: 0.5em; font-size: x-large; width: calc(100% - 1em); -} +}
\ No newline at end of file diff --git a/client-web/public/assets/style/room.css b/client-web/public/assets/style/room.css index 3f62685..ad84325 100644 --- a/client-web/public/assets/style/room.css +++ b/client-web/public/assets/style/room.css @@ -23,9 +23,11 @@ .user .info .name { font-weight: 400; } + .user.local .info .name { text-decoration: underline; } + .user .info { margin-bottom: 1em; } @@ -44,6 +46,7 @@ .local-controls { display: inline; } + .local-controls::before { content: "|"; } @@ -51,6 +54,7 @@ .transfer-status { background-color: #00000040; } + .progress-bar { z-index: -1; padding: 0px; @@ -59,3 +63,13 @@ border-radius: 3px; background-color: var(--ac-light); } + + +.resource-track>div { + border: 2px solid transparent; + border-radius: 4px; +} + +.resource-track>div.audio-active { + border: 2px solid var(--ac-light); +} diff --git a/client-web/public/start.html b/client-web/public/start.html index afe771e..4766c77 100644 --- a/client-web/public/start.html +++ b/client-web/public/start.html @@ -8,7 +8,7 @@ </head> <body> <div class="start-box"> - <h2>keks-meet</h2> + <h1>keks-meet</h2> <p>A web conferencing application using webrtc</p> <p> keks-meet is free software! It is licenced under the terms of @@ -29,6 +29,7 @@ room_input.type = "text"; room_input.id = "room-id-input"; room_input.placeholder = "Room Secret"; + room_input.ariaLabel = "Room Secret" const submit = document.createElement("input"); submit.type = "button"; |