Title: [146303] trunk/Source/WebCore
- Revision
- 146303
- Author
- eus...@chromium.org
- Date
- 2013-03-19 22:13:34 -0700 (Tue, 19 Mar 2013)
Log Message
Web Inspector: [Timeline] Tune status bar UI for limited-width window.
https://bugs.webkit.org/show_bug.cgi?id=112702
Reviewed by Pavel Feldman.
Reduce filter titles when there is not enough space.
* inspector/front-end/TimelinePanel.js: Add classnames to elements.
* inspector/front-end/timelinePanel.css: Specify "flex" behaviour.
Modified Paths
Diff
Modified: trunk/Source/WebCore/ChangeLog (146302 => 146303)
--- trunk/Source/WebCore/ChangeLog 2013-03-20 04:31:02 UTC (rev 146302)
+++ trunk/Source/WebCore/ChangeLog 2013-03-20 05:13:34 UTC (rev 146303)
@@ -1,3 +1,15 @@
+2013-03-19 Eugene Klyuchnikov <eus...@chromium.org>
+
+ Web Inspector: [Timeline] Tune status bar UI for limited-width window.
+ https://bugs.webkit.org/show_bug.cgi?id=112702
+
+ Reviewed by Pavel Feldman.
+
+ Reduce filter titles when there is not enough space.
+
+ * inspector/front-end/TimelinePanel.js: Add classnames to elements.
+ * inspector/front-end/timelinePanel.css: Specify "flex" behaviour.
+
2013-03-19 Nate Chapin <jap...@chromium.org>
Merge MainResourceLoader into DocumentLoader
Modified: trunk/Source/WebCore/inspector/front-end/TimelinePanel.js (146302 => 146303)
--- trunk/Source/WebCore/inspector/front-end/TimelinePanel.js 2013-03-20 04:31:02 UTC (rev 146302)
+++ trunk/Source/WebCore/inspector/front-end/TimelinePanel.js 2013-03-20 05:13:34 UTC (rev 146303)
@@ -274,9 +274,9 @@
this._statusBarItems.push(this._durationFilterSelector);
this._miscStatusBarItems = document.createElement("div");
- this._miscStatusBarItems.className = "status-bar-items";
+ this._miscStatusBarItems.className = "status-bar-items timeline-misc-status-bar-items";
- this._statusBarFilters = this._miscStatusBarItems.createChild("div");
+ this._statusBarFilters = this._miscStatusBarItems.createChild("div", "timeline-misc-status-bar-filters");
var categories = WebInspector.TimelinePresentationModel.categories();
for (var categoryName in categories) {
var category = categories[categoryName];
Modified: trunk/Source/WebCore/inspector/front-end/timelinePanel.css (146302 => 146303)
--- trunk/Source/WebCore/inspector/front-end/timelinePanel.css 2013-03-20 04:31:02 UTC (rev 146302)
+++ trunk/Source/WebCore/inspector/front-end/timelinePanel.css 2013-03-20 05:13:34 UTC (rev 146303)
@@ -175,6 +175,15 @@
color: inherit;
}
+.timeline-misc-status-bar-items {
+ right: 64px;
+}
+
+.timeline-misc-status-bar-filters {
+ display: -webkit-flex;
+ -webkit-flex-orientation: row;
+}
+
.timeline-category-statusbar-item {
height: 24px;
line-height: 24px;
@@ -183,6 +192,8 @@
text-overflow: ellipsis;
overflow: hidden;
font-weight: bold;
+ min-width: 20px;
+ -webkit-flex: auto 0 1;
}
.timeline-category-statusbar-item,
@@ -406,6 +417,7 @@
.timeline-records-stats {
margin-top: 5px;
margin-left: 6px;
+ -webkit-flex: 1;
}
.timeline-records-stats-container {
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes
