reorder tool icons, add popup auto-hide after interaction

src/node_panel_color.cpp

@@ -31,6 +31,7 @@ void NodePanelColor::init_controls()
         m_quad->m_color = hue_color;
         if (on_color_changed)
             on_color_changed(this, m_color);
+        m_interacted = true;
     };
     m_quad->on_value_changed = [this](Node*, glm::vec2 pos)
     {
@@ -39,6 +40,7 @@ void NodePanelColor::init_controls()
         m_color = glm::vec4(convert_hsv2rgb(glm::vec3(hue, m_cursor.x, 1.f-m_cursor.y)), 1.f);
         if (on_color_changed)
             on_color_changed(this, m_color);
+        m_interacted = true;
     };
     m_hue->set_value(0);
 }
@@ -57,6 +59,10 @@ kEventResult NodePanelColor::handle_event(Event* e)
 {
     switch (e->m_type)
     {
+    case kEventType::MouseLeave:
+        if (!m_interacted)
+            break;
+        // else fall through 
     case kEventType::MouseUpL:
         if (!m_mouse_inside)
         {
@@ -76,4 +82,5 @@ kEventResult NodePanelColor::handle_event(Event* e)
 void NodePanelColor::added(Node* parent)
 {
     set_color(Canvas::I->m_current_brush->m_tip_color);
+    m_interacted = false;
 }