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

Unified Diff: third_party/WebKit/Source/devtools/front_end/ui/inspectorStyle.css

Issue 2341343002: [DevTools] Remove outline-disclosure and sidebar-tree. (Closed)
Patch Set: Created 4 years, 3 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/ui/inspectorStyle.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/inspectorStyle.css b/third_party/WebKit/Source/devtools/front_end/ui/inspectorStyle.css
index 24d8ef359d59ffa0b8f5f9165311bdd7636a708e..24933e5c31f5323bf018bfce224bbf8ea93897f3 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/inspectorStyle.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/inspectorStyle.css
@@ -107,116 +107,6 @@ iframe.panel.extension {
height: 100%;
}
-.outline-disclosure {
- padding: 0 0 0 4px;
- margin: 0;
-}
-
-.outline-disclosure li {
- position: relative;
-}
-
-.outline-disclosure li.hovered:not(.selected) .selection {
- display: block;
- left: 3px;
- right: 3px;
- background-color: rgba(56, 121, 217, 0.1);
- border-radius: 5px;
-}
-
-.outline-disclosure li .selection {
- display: none;
- z-index: -1;
- margin-left: -10000px;
-}
-
-.outline-disclosure li.selected .selection {
- display: block;
- background-color: #dadada;
-}
-
-.outline-disclosure li.in-clipboard .highlight {
- outline: 1px dotted darkgrey;
-}
-
-.outline-disclosure li.elements-drag-over .selection {
- display: block;
- margin-top: -2px;
- border-top: 2px solid rgb(56, 121, 217);
-}
-
-ol.outline-disclosure:focus li.selected .selection {
- background-color: rgb(56, 121, 217);
-}
-
-ol.outline-disclosure:focus li.parent.selected::before {
- background-color: white;
-}
-
-ol.outline-disclosure,
-.outline-disclosure ol {
- list-style-type: none;
-}
-
-.outline-disclosure-no-padding {
- padding: 0;
-}
-
-.outline-disclosure ol {
- padding-left: 12px;
-}
-
-.outline-disclosure li {
- margin-top: 1px;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-ol.outline-disclosure:focus li.selected {
- color: white;
-}
-
-ol.outline-disclosure:focus li.selected * {
- color: inherit;
-}
-
-.outline-disclosure li::before {
- -webkit-user-select: none;
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
- -webkit-mask-size: 352px 168px;
- content: "aa";
- color: transparent;
- text-shadow: none;
- margin-right: -2px;
-}
-
-.outline-disclosure li:not(.parent)::before {
- background-color: transparent;
-}
-
-@media (-webkit-min-device-pixel-ratio: 1.1) {
-.outline-disclosure li::before {
- -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
-}
-} /* media */
-
-.outline-disclosure li::before {
- -webkit-mask-position: -4px -96px;
- background-color: rgb(110, 110, 110);
-}
-
-.outline-disclosure li.parent.expanded::before {
- -webkit-mask-position: -20px -96px;
-}
-
-.outline-disclosure ol.children {
- display: none;
-}
-
-.outline-disclosure ol.children.expanded {
- display: block;
-}
-
.properties-accessor-property-name {
font-style: italic;
}
@@ -227,238 +117,6 @@ ol.outline-disclosure:focus li.selected * {
overflow: visible !important;
}
-.sidebar-tree,
-.sidebar-tree .children {
- position: relative;
- padding: 0;
- margin: 0;
- list-style: none;
-}
-
-.sidebar-tree-section {
- position: relative;
- height: 18px;
- padding: 1px 10px 6px 10px;
- white-space: nowrap;
- margin-top: 1px;
- color: rgb(92, 110, 129);
- text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
-}
-
-.sidebar-tree-item {
- position: relative;
- height: 36px;
- padding: 0 5px 0 5px;
- white-space: nowrap;
- overflow-x: hidden;
- overflow-y: hidden;
- margin-top: 1px;
- line-height: 34px;
- border-top: 1px solid transparent;
-}
-
-.sidebar-tree .children {
- display: none;
-}
-
-.sidebar-tree .children.expanded {
- display: block;
-}
-
-.sidebar-tree-section + .children > .sidebar-tree-item {
- padding-left: 10px !important;
-}
-
-.sidebar-tree-section + .children.small > .sidebar-tree-item {
- padding-left: 17px !important;
-}
-
-.sidebar-tree > .children > .sidebar-tree-item {
- padding-left: 37px;
-}
-
-.sidebar-tree > .children > .children > .sidebar-tree-item {
- padding-left: 37px;
-}
-
-.sidebar-tree.some-expandable > .sidebar-tree-item:not(.parent) .icon {
- margin-left: 16px;
-}
-
-.sidebar-tree-item .disclosure-button {
- float: left;
- width: 10px;
- height: 10px;
- border: 0;
- -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
- -webkit-mask-size: 352px 168px;
- -webkit-appearance: none;
- background-color: rgba(0, 0, 0, 0.75);
- position: relative;
- top: 10px;
-}
-
-@media (-webkit-min-device-pixel-ratio: 1.1) {
-.sidebar-tree-item .disclosure-button {
- -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
-}
-} /* media */
-
-.sidebar-tree-item .disclosure-button {
- -webkit-mask-position: -4px -96px;
-}
-
-.sidebar-tree-item.selected .disclosure-button {
- background-color: white;
- -webkit-mask-position: -4px -96px;
-}
-
-.sidebar-tree-item.expanded .disclosure-button {
- -webkit-mask-position: -20px -96px;
-}
-
-.sidebar-tree-item.selected.expanded .disclosure-button {
- background-color: white;
- -webkit-mask-position: -20px -96px;
-}
-
-.sidebar-tree-item .icon {
- float: left;
- width: 32px;
- height: 32px;
- margin-top: 1px;
- margin-right: 3px;
-}
-
-.sidebar-tree-item.wait .icon {
- content: none;
-}
-
-.sidebar-tree-item.wait .icon::before {
- display: block;
- width: 24px;
- height: 24px;
- margin: 4px;
- border: 3px solid grey;
- border-radius: 12px;
- clip: rect(0, 15px, 15px, 0);
- content: "";
- position: absolute;
- -webkit-animation: spinner-animation 1s linear infinite;
- box-sizing: border-box;
-}
-
-.sidebar-tree-item.wait.small .icon::before {
- width: 14px;
- height: 14px;
- margin: 1px;
- clip: rect(0, 9px, 9px, 0);
- border-width: 2px;
-}
-
-.sidebar-tree-item.wait.selected .icon::before {
- border-color: white;
-}
-
-@-webkit-keyframes spinner-animation {
- from { transform: rotate(0); }
- to { transform: rotate(360deg); }
-}
-
-li .status {
- float: right;
- height: 16px;
- margin-top: 9px;
- margin-left: 4px;
- line-height: 1em;
-}
-
-li .status:empty {
- display: none;
-}
-
-.sidebar-tree.small .sidebar-tree-item,
-.sidebar-tree .children.small .sidebar-tree-item,
-.sidebar-tree-item.small {
- height: 20px;
-}
-
-.sidebar-tree.small .sidebar-tree-item .icon,
-.sidebar-tree .children.small .sidebar-tree-item .icon,
-.sidebar-tree-item.small .icon {
- width: 16px;
- height: 16px;
-}
-
-.sidebar-tree.small .sidebar-tree-item .status,
-.sidebar-tree .children.small .sidebar-tree-item .status,
-.sidebar-tree-item.small .status {
- margin-top: 1px;
-}
-
-.sidebar-tree-item.selected,
-.-theme-selection-color {
- color: white;
- background-origin: padding-box;
- background-clip: padding-box;
- background-color: rgb(56, 121, 217);
-}
-
-:focus .sidebar-tree-item.selected {
- background-color: rgb(56, 121, 217);
-}
-
-body.inactive .sidebar-tree-item.selected {
- background-color: rgb(180,180,180);
-}
-
-.sidebar-tree-item .titles {
- display: flex;
- flex-direction: column;
- position: relative;
- top: 5px;
- line-height: 12px;
- padding-bottom: 1px;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
-}
-
-.titles > .title-container {
- display: flex;
-}
-
-.sidebar-tree-item .titles.no-subtitle {
- top: 10px;
-}
-
-.sidebar-tree.small .sidebar-tree-item .titles,
-.sidebar-tree .children.small .sidebar-tree-item .titles,
-.sidebar-tree-item.small .titles {
- top: 2px;
- line-height: normal;
-}
-
-.sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after,
-.sidebar-tree .children:not(.small) .sidebar-tree-item .title::after {
- content: "\A";
- white-space: pre;
-}
-
-.sidebar-tree-item .subtitle {
- font-size: 80%;
-}
-
-.sidebar-tree.small .sidebar-tree-item .subtitle,
-.sidebar-tree .children.small .sidebar-tree-item .subtitle,
-.sidebar-tree-item.small .subtitle {
- display: none;
-}
-
-.sidebar-tree-item.selected .subtitle {
- color: white;
-}
-
.drawer-toolbar {
margin-right: -6px;
}

Powered by Google App Engine
This is Rietveld 408576698