Calls: Use GtkHeaderBar for each participant

1 files changed, 24 insertions, 18 deletions

diff --git a/main/data/theme.css b/main/data/theme.css
index b8def4e1..2451f5d9 100644
--- a/main/data/theme.css
+++ b/main/data/theme.css
@@ -256,6 +256,10 @@ box.dino-input-error label.input-status-highlight-once {
 
 /* Call window */
 
+.dino-call-window decoration {
+    border-radius: 0;
+}
+
 .dino-call-window .titlebar {
     min-height: 0;
 }
@@ -264,12 +268,6 @@ box.dino-input-error label.input-status-highlight-once {
     box-shadow: none;
 }
 
-.dino-call-window .titlebutton.close:hover {
-    background: rgba(255,255,255,0.15);
-    border-color: rgba(255,255,255,0);
-    box-shadow: none;
-}
-
 .dino-call-window button.call-button {
     outline: 0;
     border-radius: 1000px;
@@ -335,29 +333,37 @@ box.dino-input-error label.input-status-highlight-once {
     background: rgba(20,20,20,0.5);
 }
 
-.dino-call-window .call-header-bar {
+.dino-call-window .participant-header-bar {
+    background: none;
+    border: none;
+    border-radius: 0;
+    color: #ededec;
+    text-shadow: 0 0 2px black;
+}
+
+.dino-call-window .call-header-background {
     background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0));
     border: 0;
     border-radius: 0;
 }
 
-.dino-call-window .call-header-bar {
-    color: #ededec;
+.dino-call-window .participant-header-bar button {
+    background: none;
 }
 
-.dino-call-window .call-header-bar button image {
-    color: alpha(white, 0.7);
+.dino-call-window .participant-header-bar button:hover {
+    background: rgba(255,255,255,0.15);
+    border-color: rgba(255,255,255,0);
+    box-shadow: none;
 }
 
-.dino-call-window .call-header-bar button:hover image {
-    color: white;
+.dino-call-window .participant-header-bar button image {
+    color: alpha(white, 0.7);
+    -gtk-icon-shadow: none;
 }
 
-.dino-call-window .participant-title-button {
-    background: none;
-    border: 0;
-    border-radius: 0;
-    box-shadow: none;
+.dino-call-window .participant-header-bar button:hover image {
+    color: white;
 }
 
 .dino-call-window .call-bottom-bar {