Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(893)

Unified Diff: third_party/WebKit/Source/devtools/front_end/sources/uiList.css

Issue 2389333002: DevTools: update styles for debugger's CallStackSidebarPane (Closed)
Patch Set: reset result after reorder, address comments Created 4 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/Source/devtools/front_end/sources/uiList.css
diff --git a/third_party/WebKit/Source/devtools/front_end/sources/uiList.css b/third_party/WebKit/Source/devtools/front_end/sources/uiList.css
index 02c3f39aaf5ea806c1cc3480de11ab3924593336..a96815ff928b4bd6c053134a0ce3b2a2bffd0f12 100644
--- a/third_party/WebKit/Source/devtools/front_end/sources/uiList.css
+++ b/third_party/WebKit/Source/devtools/front_end/sources/uiList.css
@@ -5,48 +5,59 @@
*/
.list-item {
- padding: 0 8px 0 0;
+ padding: 3px 8px 3px 20px;
position: relative;
min-height: 18px;
- white-space: nowrap;
- line-height: 20px;
+ line-height: 15px;
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.list-item:not(.label) {
+ border-top: 1px solid #efefef;
}
-.list-item:not(:last-child) {
- border-bottom: 1px solid #eee;
+.label + .list-item {
+ border-top: 0;
}
.list-item:not(.ignore-hover):hover {
background-color: #eee;
}
-.list-item > .title {
- word-wrap: break-word;
- white-space: normal;
- margin-left: 17px;
+.list-item > .title,
+.list-item > .subtitle {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
}
.list-item > .subtitle {
- margin-left: 5px;
color: #888;
- text-overflow: ellipsis;
- overflow: hidden;
- float: right;
+ margin-left: auto;
+ padding-left: 10px;
}
.list-item > .subtitle a {
color: inherit;
}
-.list-item.label {
- text-align: center;
+.list-item.label::before {
+ content: " ";
+ width: 100%;
+ border-top: 1px solid #d8d8d8;
+ margin-top: 8px;
+ position: absolute;
+ z-index: -1;
+ left: 0;
}
-.list-item.label .title,
-.list-item.label .subtitle {
- font-style: italic;
+.list-item.label .title {
font-weight: bold;
color: #999;
+ background-color: white;
+ margin-left: -5px;
+ padding: 0 5px;
}
.list-item.dimmed {

Powered by Google App Engine
This is Rietveld 408576698