Propagate connection state from networking layer to UI.

remoting/webapp/main.css

Index: remoting/webapp/main.css
diff --git a/remoting/webapp/main.css b/remoting/webapp/main.css
index fb4d1ddffd56cd42bcd362427118efbd847d6d9d..7a53062c3de169770688972e4440fb11567c51e8 100644
--- a/remoting/webapp/main.css
+++ b/remoting/webapp/main.css
@@ -562,6 +562,11 @@ button {
   display: block;
 }
 
+.session-client-inactive {
+  -webkit-filter: grayscale(70%) blur(1px);

[Wez, 2012/07/16 18:52:39]

nit: Do we really want to blue the desktop at this point? That seems a little
more disruptive than is necessary.

[Sergey Ulanov, 2012/07/17 01:17:18]

removed blur filter for now, but we may need to reevaluate effects that we use
here in the future if we get some users feedback about it. E.g. not all users
may notice that screen is being desaturated.

[Wez, 2012/07/17 01:47:50]

Let's take a look at the blur effect tomorrow and decide - without seeing it
it's hard to judge the impact!

[Jamie, 2012/07/17 02:58:10]

We should get UX sign-off on this sort of thing, but FWIW, I like the blur.

[Sergey Ulanov, 2012/07/18 00:52:07]

Can we do it later? it's not the most important part of this CL

+  -webkit-transition: -webkit-filter 0.218s;
+}
+
 #set-pin-table td {
   border-bottom: 6px solid transparent;
   text-align: right;