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

Unified Diff: third_party/WebKit/Source/devtools/front_end/security/sidebar.css

Issue 1461783003: [DevTools] Get rid of floats in treeoutline. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebaseline Created 5 years, 1 month 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/security/sidebar.css
diff --git a/third_party/WebKit/Source/devtools/front_end/security/sidebar.css b/third_party/WebKit/Source/devtools/front_end/security/sidebar.css
index 762171426363b5b4ec1776bd6a96b05d991532ba..f6b5440e7fca7c76eb5d5faf25a210044fc8dc24 100644
--- a/third_party/WebKit/Source/devtools/front_end/security/sidebar.css
+++ b/third_party/WebKit/Source/devtools/front_end/security/sidebar.css
@@ -7,19 +7,19 @@
padding: 0;
}
+.tree-outline li {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
+
.tree-outline:focus li.selected .lock-icon-neutral {
background-color: #fff;
}
.tree-outline .security-main-view-sidebar-tree-item {
border-bottom: 1px solid rgb(230, 230, 230);
- padding-top: 0;
-}
-
-.tree-outline .security-main-view-sidebar-tree-item .icon,
-.tree-outline .security-main-view-sidebar-tree-item .titles {
- margin-top: 1.5em;
- margin-bottom: 1.5em;
+ padding: 16px 0;
}
.tree-outline .security-sidebar-origins {
@@ -45,8 +45,8 @@
.tree-outline .sidebar-tree-item .lock-icon,
.tree-outline .sidebar-tree-item .security-property {
- float: left;
margin-right: 2px;
+ flex: none;
}
.tree-outline:focus .security-sidebar-tree-item.selected .icon:not(.security-property-unknown) {

Powered by Google App Engine
This is Rietveld 408576698