From c27b7c1c5f05e170e2140585e88d42e46dc51f4d Mon Sep 17 00:00:00 2001
From: Jonathan Wilkes <jon.w.wilkes@gmail.com>
Date: Mon, 8 Jun 2020 16:16:22 -0400
Subject: [PATCH] some small css improvements to match pd-l2ork 1.0 style
* give new cord the same color as selected line (except for vanilla/ext presets)
* make broken object stand out more
* make comment dash sizes match l2ork 1.0
* change xlet hover animation to match new xlet style
---
pd/nw/css/c64.css | 3 ++-
pd/nw/css/default.css | 41 +++++++++++++++++++-------------
pd/nw/css/inverted.css | 3 ++-
pd/nw/css/solarized.css | 3 ++-
pd/nw/css/solarized_inverted.css | 3 ++-
pd/nw/css/strongbad.css | 3 ++-
pd/nw/css/subdued.css | 3 ++-
7 files changed, 37 insertions(+), 22 deletions(-)
diff --git a/pd/nw/css/c64.css b/pd/nw/css/c64.css
index abb0cc816..62c3c54d9 100644
--- a/pd/nw/css/c64.css
+++ b/pd/nw/css/c64.css
@@ -124,7 +124,8 @@ mark.console_find_highlighted {
/* selected connection between objects */
.cord.signal.selected_line,
-.cord.control.selected_line {
+.cord.control.selected_line,
+#newcord {
stroke: #cc9933;
}
diff --git a/pd/nw/css/default.css b/pd/nw/css/default.css
index 086442532..ea5ea5da9 100644
--- a/pd/nw/css/default.css
+++ b/pd/nw/css/default.css
@@ -228,9 +228,10 @@ mark.console_find_highlighted {
stroke: #565;
}
-/* selected connection between objects */
+/* selected connection between objects, or a new cord not yet connected */
.cord.signal.selected_line,
-.cord.control.selected_line {
+.cord.control.selected_line,
+#newcord {
stroke: #e87216;
}
@@ -387,7 +388,7 @@ text {
#patchsvg.editmode .comment .border {
stroke: #aaa;
- stroke-dasharray: 8 4;
+ stroke-dasharray: 3 2;
}
/* A little hack for special case of [cnv].
@@ -425,21 +426,22 @@ text {
/* text inside selected objects */
:not(.gop).selected text {
- fill: blue;
+ fill: #e87216;
}
/* for an object that didn't create */
.obj .border.broken_border {
- fill: #f7f7f7;
+ fill: #f7d7d7;
stroke: #f00;
- stroke-dasharray: 3 2;
+ stroke-width: 2;
+ stroke-dasharray: 6 2;
}
/* control inlet */
.xlet_control {
stroke: #777;
fill: white;
-// stroke-width: 1;
+ stroke-width: 1;
}
/* signal inlet */
@@ -458,7 +460,7 @@ text {
/* text label for an iemgui */
.iemgui_label_selected {
- fill: blue;
+ fill: #e87216;
}
/* test of xlet hover animation... this should
@@ -474,19 +476,26 @@ text {
rx: 1;
ry: 1;
}
- 100% {
- stroke-width: 20;
- stroke-opacity: 0.2;
- rx: 50;
- ry: 50;
+ 33% {
+ stroke-width: 12;
+ stroke-opacity: 1;
+ rx: 1;
+ ry: 1;
+ }
+ 66% {
+ stroke-width: 5;
+ stroke-opacity: 1;
+ rx: 1;
+ ry: 1;
}
}
/* can't remember why this was tagged !important */
.xlet_selected {
- stroke: orange !important;
- fill: orange;
- -webkit-animation: fizzle 0.4s linear 1;
+ stroke: #e87216;
+ fill: #e87216;
+ stroke-width: 5;
+ -webkit-animation: fizzle 0.4s ease-in 1;
}
#canvas_find {
diff --git a/pd/nw/css/inverted.css b/pd/nw/css/inverted.css
index cfd662a75..8e3510bd0 100644
--- a/pd/nw/css/inverted.css
+++ b/pd/nw/css/inverted.css
@@ -135,7 +135,8 @@ mark.console_find_highlighted {
/* selected connection between objects */
.cord.signal.selected_line,
-.cord.control.selected_line {
+.cord.control.selected_line,
+#newcord {
stroke: blue;
}
diff --git a/pd/nw/css/solarized.css b/pd/nw/css/solarized.css
index 3b2e4b836..45aff43aa 100644
--- a/pd/nw/css/solarized.css
+++ b/pd/nw/css/solarized.css
@@ -128,7 +128,8 @@ mark.console_find_highlighted {
/* selected connection between objects */
.cord.signal.selected_line,
-.cord.control.selected_line {
+.cord.control.selected_line,
+#newcord {
stroke: #268bd2;
}
diff --git a/pd/nw/css/solarized_inverted.css b/pd/nw/css/solarized_inverted.css
index 63a64fb06..834fff642 100644
--- a/pd/nw/css/solarized_inverted.css
+++ b/pd/nw/css/solarized_inverted.css
@@ -128,7 +128,8 @@ mark.console_find_highlighted {
/* selected connection between objects */
.cord.signal.selected_line,
-.cord.control.selected_line {
+.cord.control.selected_line,
+#newcord {
stroke: #b58900;
}
diff --git a/pd/nw/css/strongbad.css b/pd/nw/css/strongbad.css
index dbc601349..3251fc431 100644
--- a/pd/nw/css/strongbad.css
+++ b/pd/nw/css/strongbad.css
@@ -125,7 +125,8 @@ mark.console_find_highlighted {
/* selected connection between objects */
.cord.signal.selected_line,
-.cord.control.selected_line {
+.cord.control.selected_line,
+#newcord {
stroke: #53b83b;
}
diff --git a/pd/nw/css/subdued.css b/pd/nw/css/subdued.css
index 5a364bbc1..a0a9e3dd6 100644
--- a/pd/nw/css/subdued.css
+++ b/pd/nw/css/subdued.css
@@ -125,7 +125,8 @@ mark.console_find_highlighted {
/* selected connection between objects */
.cord.signal.selected_line,
-.cord.control.selected_line {
+.cord.control.selected_line,
+#newcord {
stroke: blue;
}
--
GitLab