summaryrefslogtreecommitdiff
path: root/client-web/public
diff options
context:
space:
mode:
Diffstat (limited to 'client-web/public')
-rw-r--r--client-web/public/assets/style/master.css11
-rw-r--r--client-web/public/assets/style/room.css14
-rw-r--r--client-web/public/start.html3
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";