X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fwebaudioeditor.css;h=18b1d08dcc66e0e1f2341db3fe32db47051d1b3f;hp=552c29aeb67403b64cf5260fe26c6e3b7377931b;hb=8922acc9f23be3328737c96320e3a52ffea789cb;hpb=acc20e5dafc253d32dd6f55076943b9eeae398ca

diff --git a/LCARStrek/browser/devtools/webaudioeditor.css b/LCARStrek/browser/devtools/webaudioeditor.css
index 552c29ae..18b1d08d 100644
--- a/LCARStrek/browser/devtools/webaudioeditor.css
+++ b/LCARStrek/browser/devtools/webaudioeditor.css
@@ -39,10 +39,27 @@ svg {
 .edgePath path {
   stroke-width: 1px;
   fill: none;
+
+  stroke: #A09090; /* Grey foreground text */
 }
 
-.edgePath path {
-  stroke: #9C9CFF; /* Grey foreground text */
+/* AudioParam connection edges */
+g.edgePath.param-connection {
+  stroke-dasharray: 5,5;
+}
+
+.edgePath.param-connection path {
+  stroke: #A09090; /* Grey foreground text */
+}
+
+/* Labels in AudioParam connection should have background that match
+ * the main background so there's whitespace around the label, on top of the
+ * dotted lines. */
+g.edgeLabel rect {
+  fill: #000000;
+}
+g.edgeLabel tspan {
+  fill: #9C9CFF; /* Grey foreground text */
 }
 
 /* Audio Nodes */
@@ -60,9 +77,9 @@ svg {
   fill: #008484; /* Select Highlight Blue */
 }
 
-/* Text in nodes */
+/* Text in nodes and edges */
 text {
-  cursor: pointer;
+  cursor: default; /* override the "text" cursor */
   font-weight: 300;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
   font-size: 14px;
@@ -75,10 +92,18 @@ g.selected text {
 /*  fill: #f0f1f2; / Toolbars */
 }
 
+.nodes text {
+  cursor: pointer;
+}
+
 /**
  * Inspector Styles
  */
 
+#web-audio-inspector-title {
+  margin: 6px;
+}
+
 .web-audio-inspector .error {
   background-image: url("alerticon-warning.png");
   background-size: 13px 12px;
@@ -146,3 +171,19 @@ g.selected text {
     margin-right: 0px !important;
   }
 }
+
+#inspector-pane-toggle {
+  background: none;
+  box-shadow: none;
+  border: none;
+  list-style-image: url("debugger-collapse.png");
+  -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+#inspector-pane-toggle[pane-collapsed] {
+  list-style-image: url("debugger-expand.png");
+}
+
+#inspector-pane-toggle:active {
+  -moz-image-region: rect(0px,32px,16px,16px);
+}