DevTools: reorder items in the resources panel sidebar

third_party/WebKit/Source/devtools/front_end/resources/resourcesPanel.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 19 matching lines @@
 .resources.panel .sidebar {
     padding-left: 0;
     z-index: 10;
     display: block;
 }
 
 .resources.panel .sidebar li {
     height: 18px;
     white-space: nowrap;
     padding-top: 1px;
+    padding: 16px 0;
 }
 
 .resources.panel .sidebar li.selected {
     color: white;
 }
 
 .resources.panel .sidebar li.selected .selection {
     background-color: rgb(160, 160, 160);
     border-top: 1px solid #979797;
-    height: 18px;
 }
 
 .resources.panel .sidebar :focus li.selected .selection {
     background-color: rgb(56, 121, 217);
     border-top: 1px solid rgb(68, 128, 200);
 }
 
 .resources.panel .sidebar .icon {
     width: 16px;
     height: 16px;
     position: relative;
     top: 3px;
     margin-top: -3px;
     display: inline-block;
 }
 
-.resources.panel .base-storage-tree-element-title {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    padding-left: 2px;
-    display: inline;
-}
-
 .resources-toolbar {
     border-top: 1px solid #ccc;
     background-color: #eee;
 }
 
 li.selected .base-storage-tree-element-subtitle {
     color: white;
 }
 
 .base-storage-tree-element-subtitle {
@@ skipping 105 matching lines @@
 .database-query-result.error {
     color: red;
     -webkit-user-select: text;
 }
 
 .database-query-result.error::before {
     background-position: -213px -96px;
 }
 
 .resource-sidebar-tree-item .icon {
-    content: url(Images/resourcePlainIcon.png);
-}
-
-.children.small .resource-sidebar-tree-item .icon {
     content: url(Images/resourcePlainIconSmall.png);
 }
 
 .resource-sidebar-tree-item.resources-type-image .icon {
     position: relative;
     background-image: url(Images/resourcePlainIcon.png);
     background-repeat: no-repeat;
     content: "";
 }
 
 .resources-type-image .image-resource-icon-preview {
     position: absolute;
     margin: auto;
-    top: 3px;
-    bottom: 4px;
-    left: 5px;
-    right: 5px;
-    max-width: 18px;
-    max-height: 21px;
     min-width: 1px;
     min-height: 1px;
-}
-
-.children.small .resource-sidebar-tree-item.resources-type-image .icon {
-    background-image: url(Images/resourcePlainIconSmall.png);
-    content: "";
-}
-
-.children.small .resources-type-image .image-resource-icon-preview {
     top: 2px;
     bottom: 1px;
     left: 3px;
     right: 3px;
     max-width: 8px;
     max-height: 11px;
     overflow: hidden;
 }
 
-.resource-sidebar-tree-item.resources-type-document .icon {
-    content: url(Images/resourceDocumentIcon.png);
+.resources-sidebar {
+    padding-left: 0;
 }
-
-.children.small .resource-sidebar-tree-item.resources-type-document .icon {
-    content: url(Images/resourceDocumentIconSmall.png);
-}
-
-.resource-sidebar-tree-item.resources-type-stylesheet .icon {
-    content: url(Images/resourceCSSIcon.png);
-}
-
-.children.small .resource-sidebar-tree-item.resources-type-stylesheet .icon {
-    content: url(Images/resourceDocumentIconSmall.png);
-}
-
-.resource-sidebar-tree-item.resources-type-image .icon {
-    position: relative;
-    background-image: url(Images/resourcePlainIcon.png);
-    background-repeat: no-repeat;
-    content: "";
-}
-
-.children.small .resource-sidebar-tree-item.resources-type-image .icon {
-    background-image: url(Images/resourcePlainIconSmall.png);
-    content: "";
-}
-
-.resource-sidebar-tree-item.resources-type-font .icon {
-    content: url(Images/resourcePlainIcon.png);
-}
-
-.children.small .resource-sidebar-tree-item.resources-type-font .icon {
-    content: url(Images/resourcePlainIconSmall.png);
-}
-
-.resource-sidebar-tree-item.resources-type-script .icon {
-    content: url(Images/resourceJSIcon.png);
-}
-
-.children.small .resource-sidebar-tree-item.resources-type-script .icon {
-    content: url(Images/resourceDocumentIconSmall.png);
-}
-
-.resource-sidebar-tree-item.resources-type-xhr .icon {
-    content: url(Images/resourcePlainIcon.png);
-}
-
-.children.small .resource-sidebar-tree-item.resources-type-xhr .icon {
-    content: url(Images/resourceDocumentIconSmall.png);
-}
-
-.frame-storage-tree-item .icon {
-    content: url(Images/frame.png);
-}
-
-.database-storage-tree-item .icon {
-    content: url(Images/database.png);
-}
-
-.database-table-storage-tree-item .icon {
-    content: url(Images/databaseTable.png);
-}
-
-.indexed-db-storage-tree-item .icon {
-    content: url(Images/indexedDB.png);
-}
-
-.indexed-db-object-store-storage-tree-item .icon {
-    content: url(Images/indexedDBObjectStore.png);
-}
-
-.indexed-db-index-storage-tree-item .icon {
-    content: url(Images/indexedDBIndex.png);
-}
-
-.service-worker-cache-tree-item .icon {
-    content: url(Images/indexedDBObjectStore.png);
-}
-
-.service-worker-cache-storage-tree-item .icon {
-    content: url(Images/indexedDB.png);
-}
-
-.service-workers-tree-item .icon {
-    content: url(Images/serviceWorker.svg);
-}
-
-.-theme-with-dark-background .service-workers-tree-item .icon {
-    -webkit-filter: invert(70%);
-}
-
-.domstorage-storage-tree-item.local-storage .icon {
-    content: url(Images/localStorage.png);
-}
-
-.domstorage-storage-tree-item.session-storage .icon {
-    content: url(Images/sessionStorage.png);
-}
-
-.cookie-storage-tree-item .icon {
-    content: url(Images/cookie.png);
-}
-
-.application-cache-storage-tree-item .icon {
-    content: url(Images/applicationCache.png);
-}
-
-.file-system-storage-tree-item .icon {
-    content: url(Images/fileSystem.png);
-}
-
-.service-worker-info-message {
-    padding: 10px;
-}