Title: [185135] trunk/Source/WebInspectorUI
- Revision
- 185135
- Author
- nvasil...@apple.com
- Date
- 2015-06-02 16:58:42 -0700 (Tue, 02 Jun 2015)
Log Message
Web Inspector: Dashboard arrow icon on the right is overlapped by a long function/file name
https://bugs.webkit.org/show_bug.cgi?id=145540
Also, increase clickable area of the arrow icon.
Reviewed by Timothy Hatcher.
* UserInterface/Views/DashboardContainerView.css:
(.dashboard-container .advance-arrow):
(.dashboard-container .advance-arrow.advance-forward):
(.dashboard-container .advance-arrow.advance-backward):
* UserInterface/Views/DebuggerDashboardView.css:
(.dashboard.debugger > .location):
(.toolbar .dashboard.debugger):
Increase padding on the right so the content of the dashboard would be never be overlayed by the arrow.
Modified Paths
Diff
Modified: trunk/Source/WebInspectorUI/ChangeLog (185134 => 185135)
--- trunk/Source/WebInspectorUI/ChangeLog 2015-06-02 23:56:12 UTC (rev 185134)
+++ trunk/Source/WebInspectorUI/ChangeLog 2015-06-02 23:58:42 UTC (rev 185135)
@@ -1,3 +1,21 @@
+2015-06-02 Nikita Vasilyev <nvasil...@apple.com>
+
+ Web Inspector: Dashboard arrow icon on the right is overlapped by a long function/file name
+ https://bugs.webkit.org/show_bug.cgi?id=145540
+
+ Also, increase clickable area of the arrow icon.
+
+ Reviewed by Timothy Hatcher.
+
+ * UserInterface/Views/DashboardContainerView.css:
+ (.dashboard-container .advance-arrow):
+ (.dashboard-container .advance-arrow.advance-forward):
+ (.dashboard-container .advance-arrow.advance-backward):
+ * UserInterface/Views/DebuggerDashboardView.css:
+ (.dashboard.debugger > .location):
+ (.toolbar .dashboard.debugger):
+ Increase padding on the right so the content of the dashboard would be never be overlayed by the arrow.
+
2015-06-02 Joseph Pecoraro <pecor...@apple.com>
Web Inspector: Shift + Cmd + Left/Right shouldn't switch tabs while editing text
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DashboardContainerView.css (185134 => 185135)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DashboardContainerView.css 2015-06-02 23:56:12 UTC (rev 185134)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DashboardContainerView.css 2015-06-02 23:58:42 UTC (rev 185135)
@@ -114,10 +114,11 @@
.dashboard-container .advance-arrow {
position: absolute;
- right: 0px;
- width: 10px;
- height: 10px;
- margin: 4px;
+ right: 0;
+ width: 12px;
+ top: 0;
+ bottom: 0;
+ padding: 4px 0;
opacity: 0.6;
z-index: 1000;
@@ -127,6 +128,7 @@
transition-property: opacity;
transition-duration: 0.2s;
+ background-clip: content-box;
}
.dashboard-container .advance-arrow:hover {
@@ -151,10 +153,10 @@
.dashboard-container .advance-arrow.advance-forward {
top: 0;
- background-position: 0% 0%;
+ background-position: 50% 4px;
}
.dashboard-container .advance-arrow.advance-backward {
bottom: 0;
- background-position: 0% 100%;
+ background-position: 50% -4px;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css (185134 => 185135)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css 2015-06-02 23:56:12 UTC (rev 185134)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.css 2015-06-02 23:58:42 UTC (rev 185135)
@@ -31,7 +31,7 @@
text-align: center;
text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
color: rgb(60, 60, 60);
- padding: 0 5px;
+ padding: 0 12px 0 5px;
}
.dashboard.debugger > .message {
@@ -90,6 +90,7 @@
}
.dashboard.debugger > .location {
+ overflow: hidden;
flex: initial;
}
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes
