Upstream version 5.34.104.0

[platform/framework/web/crosswalk.git] / src / third_party / WebKit / Source / devtools / front_end / sourcesPanel.css

diff --git a/src/third_party/WebKit/Source/devtools/front_end/sourcesPanel.css b/src/third_party/WebKit/Source/devtools/front_end/sourcesPanel.css
index 2540e21..0dc29f0 100644 (file)
--- a/src/third_party/WebKit/Source/devtools/front_end/sourcesPanel.css
+++ b/src/third_party/WebKit/Source/devtools/front_end/sourcesPanel.css
@@ -31,14 +31,10 @@
     -webkit-mask-position: -256px 0;
 }
 
-.scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph {
+.scripts-pause-on-exceptions-status-bar-item.toggled-on .glyph {
     background-color: rgb(66, 129, 235);
 }
 
-.scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph {
-    background-color: purple;
-}
-
 .evaluate-snippet-status-bar-item .glyph {
     -webkit-mask-position: -64px -48px;
 }
@@ -47,12 +43,33 @@
     background-color: rgb(66, 129, 235);
 }
 
-#scripts-debug-toolbar {
-    position: relative;
-    margin-top: -1px;
-    height: 24px;
-    border-bottom: 1px solid rgb(202, 202, 202);
+.scripts-debug-toolbar {
+    position: absolute;
+    top: 0;
+    width: 100%;
     background-color: rgb(236, 236, 236);
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+.scripts-debug-toolbar-drawer {
+    flex: 0 0 46px;
+    -webkit-transition: margin-top 0.1s ease-in-out;
+    margin-top: -23px;
+    line-height: 23px;
+    padding-top: 22px;
+    border-bottom: 1px solid rgb(202, 202, 202);
+    background-color: white;
+    overflow: hidden;
+}
+
+.scripts-debug-toolbar-drawer.expanded {
+    margin-top: 0;
+}
+
+.scripts-debug-toolbar-drawer > label {
+    display: flex;
+    padding-left: 3px;
 }
 
 #scripts-editor-toolbar {
@@ -126,15 +143,10 @@ button.status-bar-item.scripts-navigator-show-hide-button.toggled-overlay {
 .script-view {
     display: none;
     overflow: hidden;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
 }
 
 .script-view.visible {
-    display: block;
+    display: flex;
 }
 
 .dedicated-worker-item {
@@ -175,21 +187,10 @@ button.status-bar-item.scripts-debugger-show-hide-button {
     right: 15px;
 }
 
-#scripts-split-view.vbox button.status-bar-item.scripts-debugger-show-hide-button,
-#scripts-split-view.vbox #scripts-debug-sidebar-resizer-widget {
-    display: none;
-}
-
 button.status-bar-item.scripts-debugger-show-hide-button.toggled-left {
     right: 0;
 }
 
-div.sidebar-pane-stack#scripts-debug-sidebar-contents,
-#scripts-sidebar-stack-pane {
-    top: 23px;
-    overflow: auto;
-}
-
 .workers-list > li {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -224,7 +225,7 @@ a.worker-item:hover {
 }
 
 .tabbed-pane-header-tab-icon {
-    width: 13px;
+    width: 11px;
     height: 10px;
     margin-top: 3px;
     float: left;
@@ -234,6 +235,34 @@ a.worker-item:hover {
 
 .editor-container-unsaved-committed-changes-icon {
     background-image: url(Images/statusbarButtonGlyphs.png);
-    background-size: 320px 120px;
+    background-size: 320px 144px;
     background-position: -202px -107px;
 }
+
+.sources-status-bar {
+    display: flex;
+}
+
+.sources-status-bar div.resizer-widget {
+    width: 18px;
+    height: 16px;
+    -webkit-transform: rotate(90deg);
+    top: 2px;
+    right: 17px;
+}
+
+.sources-status-bar .scripts-debugger-show-hide-button {
+    margin-top: 1px !important;
+    height: 16px !important;
+    -webkit-transform: rotate(90deg);
+    right: 0 !important;
+}
+
+.panel.sources .sidebar-pane-stack {
+    overflow: auto;
+}
+
+.threads-toolbar {
+    padding-left: 10px;
+    margin-top: -1px;
+}