Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-12-01 08:42:13 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1266450 - part5: move event details tooltip css to tooltips.css;r=bgrins

Browse Source 
MozReview-Commit-ID: 9b1C1g0e6K5

--HG--
extra : rebase_source : 5200605483812de478e5275993624259b8d3c6af
extra : source : 435400acef3b987c73e797ca3fa743d2269f11d9
This commit is contained in:
Julian Descottes 2016-06-03 15:07:23 +02:00
parent 632539b70d
commit 3615d9843b
2 changed files with 106 additions and 105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

105
devtools/client/themes/inspector.css
View File

@ -99,108 +99,3 @@
#inspector-element-add-button::before {
background-image: url("chrome://devtools/skin/images/add.svg");
}
/* Tooltip: Events */
#devtools-tooltip-events-container {
margin: -4px; /* Compensate for the .panel-arrowcontent padding. */
max-width: 590px;
overflow-y: auto;
}
.event-header {
display: flex;
align-items: center;
cursor: pointer;
}
.event-header:first-child {
border-width: 0;
}
.event-header:not(:first-child) {
border-width: 1px 0 0 0;
}
.event-tooltip-event-type,
.event-tooltip-filename,
.event-tooltip-attributes {
margin-inline-start: 0;
flex-shrink: 0;
cursor: pointer;
}
.event-tooltip-event-type {
font-weight: bold;
font-size: 13px;
}
.event-tooltip-filename {
margin-inline-end: 0;
font-size: 100%;
flex-shrink: 1;
}
.event-tooltip-debugger-icon {
width: 16px;
height: 16px;
margin-inline-end: 4px;
opacity: 0.6;
flex-shrink: 0;
}
.event-tooltip-debugger-icon:hover {
opacity: 1;
}
.event-tooltip-content-box {
display: none;
height: 100px;
overflow: hidden;
margin-inline-end: 0;
border: 1px solid var(--theme-splitter-color);
border-width: 1px 0 0 0;
}
.event-toolbox-content-box iframe {
height: 100%;
}
.event-tooltip-content-box[open] {
display: block;
}
.event-tooltip-source-container {
margin-top: 5px;
margin-bottom: 10px;
margin-inline-start: 5px;
margin-inline-end: 0;
}
.event-tooltip-source {
margin-bottom: 0;
}
.event-tooltip-attributes-container {
display: flex;
flex-shrink: 0;
flex-grow: 1;
justify-content: flex-end;
}
.event-tooltip-attributes-box {
display: flex;
flex-shrink: 0;
align-items: center;
border-radius: 3px;
padding: 2px;
margin-inline-start: 5px;
background-color: var(--theme-body-color-alt);
color: var(--theme-toolbar-background);
}
.event-tooltip-attributes {
margin: 0;
font-size: 9px;
padding-top: 2px;
}

106
devtools/client/themes/tooltips.css
View File

@ -195,3 +195,109 @@
margin-top: -12px;
transform: rotate(45deg);
}
/* Tooltip: Events */
#devtools-tooltip-events-container {
margin: -4px; /* Compensate for the .panel-arrowcontent padding. */
max-width: 590px;
overflow-y: auto;
}
.event-header {
display: flex;
align-items: center;
cursor: pointer;
}
.event-header:first-child {
border-width: 0;
}
.event-header:not(:first-child) {
border-width: 1px 0 0 0;
}
.event-tooltip-event-type,
.event-tooltip-filename,
.event-tooltip-attributes {
margin-inline-start: 0;
flex-shrink: 0;
cursor: pointer;
}
.event-tooltip-event-type {
font-weight: bold;
font-size: 13px;
}
.event-tooltip-filename {
margin-inline-end: 0;
font-size: 100%;
flex-shrink: 1;
}
.event-tooltip-debugger-icon {
width: 16px;
height: 16px;
margin-inline-end: 4px;
opacity: 0.6;
flex-shrink: 0;
}
.event-tooltip-debugger-icon:hover {
opacity: 1;
}
.event-tooltip-content-box {
display: none;
height: 100px;
overflow: hidden;
margin-inline-end: 0;
border: 1px solid var(--theme-splitter-color);
border-width: 1px 0 0 0;
}
.event-toolbox-content-box iframe {
height: 100%;
}
.event-tooltip-content-box[open] {
display: block;
}
.event-tooltip-source-container {
margin-top: 5px;
margin-bottom: 10px;
margin-inline-start: 5px;
margin-inline-end: 0;
}
.event-tooltip-source {
margin-bottom: 0;
}
.event-tooltip-attributes-container {
display: flex;
flex-shrink: 0;
flex-grow: 1;
justify-content: flex-end;
}
.event-tooltip-attributes-box {
display: flex;
flex-shrink: 0;
align-items: center;
border-radius: 3px;
padding: 2px;
margin-inline-start: 5px;
background-color: var(--theme-body-color-alt);
color: var(--theme-toolbar-background);
}
.event-tooltip-attributes {
margin: 0;
font-size: 9px;
padding-top: 2px;
}