DevTools: introduce View: a named widget with the toolbar.

third_party/WebKit/Source/devtools/front_end/sources/sourcesPanel.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 91 matching lines @@
     cursor: pointer;
 }
 
 .cursor-auto {
     cursor: auto;
 }
 
 .callstack-info {
     text-align: center;
     font-style: italic;
-    font-size: 90%;
     padding: 6px;
     color: #888;
     pointer-events: none;
 }
 
 .callstack-info.status {
     border-top: 1px solid rgb(189, 189, 189);
     background-color: rgb(255, 255, 194);
 }
 
@@ skipping 14 matching lines @@
     right: 3px;
     display: none;
 }
 
 .watch-expression-header:hover .watch-expression-delete-button {
     display: inline;
 }
 
 .watch-expressions {
     overflow-x: hidden;
-    padding: 3px 6px 6px 0px;
 }
 
 .watch-expressions .dimmed {
     opacity: 0.6;
 }
 
 .watch-expression-title {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     line-height: 12px;
     margin-left: 11px;
 }
 
 .watch-expression-object-header .watch-expression-title {
     margin-left: 1px;
 }
 
 .watch-expression {
     position: relative;
     padding: 1px 0px 1px 6px;
     flex: none;
+    min-height: 20px;
 }
 
 .watch-expressions .name {
     color: rgb(136, 19, 145);
     flex: none;
     white-space: nowrap;
     text-overflow: ellipsis ;
     overflow: hidden;
 }
 
@@ skipping 69 matching lines @@
 .scope-chain-sidebar-pane-section-title {
     font-weight: normal;
     word-wrap: break-word;
     white-space: normal;
 }
 
 .scope-chain-sidebar-pane-section {
     padding: 2px 4px 2px 4px;
     overflow: hidden;
 }
+
+.hidden-callframes-message {
+    text-align: center;
+    font-style: italic;
+    padding: 4px;
+    color: #888;
+    background-color: #FFFFC2;
+}