openvibers/openvibe.live Commits
Arena: taunt bubble grid areas (speaker beside the text)
Changes
@@@ -14674,3 +14674,9 @@ a .arena-thread:hover { color: var(--text-primary); background: color-mix(in srg.arena-profile-custom .arena-quip { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: baseline; }.arena-profile-custom .arena-quip b { white-space: nowrap; }}++++/* bubble: name on its own line, text + speaker side by side */++.arena-bubble { grid-template-columns: 1fr auto; grid-template-areas: "who who" "text speak"; }++.arena-bubble-who { grid-area: who; }++.arena-bubble-text { grid-area: text; }++.arena-bubble-speak { grid-area: speak; align-self: center; }@@@ -62,7 +62,7 @@</script><!-- Stylesheets -->-- <link rel="stylesheet" href="/css/style.css?v=154">++ <link rel="stylesheet" href="/css/style.css?v=155"><link rel="stylesheet" href="/css/chat-shared.css?v=1"><link rel="stylesheet" href="/css/broadcast.css?v=11"><link rel="stylesheet" href="/css/cosmetics.css?v=2">
@@ -14674,3 +14674,9 @@ a .arena-thread:hover { color: var(--text-primary); background: color-mix(in srg
@@ -14674,3 +14674,9 @@ a .arena-thread:hover { color: var(--text-primary); background: color-mix(in srg
.arena-profile-custom .arena-quip { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: baseline; }
.arena-profile-custom .arena-quip { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: baseline; }
.arena-profile-custom .arena-quip b { white-space: nowrap; }
.arena-profile-custom .arena-quip b { white-space: nowrap; }
}
}
+
+/* bubble: name on its own line, text + speaker side by side */
+.arena-bubble { grid-template-columns: 1fr auto; grid-template-areas: "who who" "text speak"; }
+.arena-bubble-who { grid-area: who; }
+.arena-bubble-text { grid-area: text; }
+.arena-bubble-speak { grid-area: speak; align-self: center; }
@@ -62,7 +62,7 @@
@@ -62,7 +62,7 @@
</script>
</script>
<!-- Stylesheets -->
<!-- Stylesheets -->
- <link rel="stylesheet" href="/css/style.css?v=154">
+ <link rel="stylesheet" href="/css/style.css?v=155">
<link rel="stylesheet" href="/css/chat-shared.css?v=1">
<link rel="stylesheet" href="/css/chat-shared.css?v=1">
<link rel="stylesheet" href="/css/broadcast.css?v=11">
<link rel="stylesheet" href="/css/broadcast.css?v=11">
<link rel="stylesheet" href="/css/cosmetics.css?v=2">
<link rel="stylesheet" href="/css/cosmetics.css?v=2">