Bug 1108040 - Make splitter visible when inspector is docked to side by properly overriding the vertical styles and applying the horizontal styles;r=vporof

This commit is contained in:
Brian Grinstead 2014-12-09 15:16:54 -08:00
parent 4f7131cded
commit fc2bcb3e34
4 changed files with 22 additions and 23 deletions

View File

@ -384,15 +384,6 @@ div.CodeMirror span.eval-text {
border-bottom: 0;
}
.devtools-horizontal-splitter {
border-bottom: 1px solid var(--theme-splitter-color);
}
.devtools-side-splitter {
-moz-border-end: 1px solid var(--theme-splitter-color);
border-color: var(--theme-splitter-color); /* Needed for responsive container at low width. */
}
.devtools-textinput,
.devtools-searchinput {
background-color: rgba(24, 29, 32, 1);

View File

@ -393,15 +393,6 @@ div.CodeMirror span.eval-text {
border-bottom: 0;
}
.devtools-horizontal-splitter {
border-bottom: 1px solid var(--theme-splitter-color);
}
.devtools-side-splitter {
-moz-border-end: 1px solid var(--theme-splitter-color);
border-color: var(--theme-splitter-color); /* Needed for responsive container at low width. */
}
.CodeMirror-hints,
.CodeMirror-Tern-tooltip {
box-shadow: 0 0 4px rgba(128, 128, 128, .5);

View File

@ -853,3 +853,13 @@
.devtools-invisible-splitter {
border-color: transparent;
}
.devtools-horizontal-splitter {
border-bottom: 1px solid var(--theme-splitter-color);
}
.devtools-side-splitter {
-moz-border-end: 1px solid var(--theme-splitter-color);
border-color: var(--theme-splitter-color); /* Needed for responsive container at low width. */
}

View File

@ -50,13 +50,20 @@
}
.devtools-responsive-container > .devtools-side-splitter {
border-width: 0;
border-top-width: 1px;
border-top-style: solid;
margin: 0;
/* This is a normally vertical splitter, but we have turned it horizontal
due to the smaller resolution */
min-height: 3px;
height: 3px;
margin-bottom: -3px;
margin-top: -3px;
/* Reset the vertical splitter styles */
border-width: 0;
border-bottom-width: 1px;
border-bottom-style: solid;
-moz-margin-start: 0;
width: auto;
min-width: 0;
/* In some edge case the cursor is not changed to n-resize */
cursor: n-resize;
}