Skip to content
Permalink
Browse files
Web Inspector: make split console full width of view
https://bugs.webkit.org/show_bug.cgi?id=176635

Reviewed by Timothy Hatcher.

* UserInterface/Main.html:
* UserInterface/Views/Main.css:
(#main):
(#content):
* UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
(.sidebar > .panel.details.css-style > .content ~ :matches(.options-container, .class-list-container)):
(.sidebar > .panel.details.css-style > .content ~ .options-container):


Canonical link: https://commits.webkit.org/194517@main
git-svn-id: https://svn.webkit.org/repository/webkit/trunk@223310 268f45cc-cd09-0410-ab3c-d52691b4dbfc
  • Loading branch information
dcrousso committed Oct 14, 2017
1 parent 73d44d2 commit 4c9a4b77b3d689c094d5f4600af5a812a31c215a
Showing 4 changed files with 22 additions and 9 deletions.
@@ -1,3 +1,18 @@
2017-10-13 Devin Rousso <webkit@devinrousso.com>

Web Inspector: make split console full width of view
https://bugs.webkit.org/show_bug.cgi?id=176635

Reviewed by Timothy Hatcher.

* UserInterface/Main.html:
* UserInterface/Views/Main.css:
(#main):
(#content):
* UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
(.sidebar > .panel.details.css-style > .content ~ :matches(.options-container, .class-list-container)):
(.sidebar > .panel.details.css-style > .content ~ .options-container):

2017-10-13 Devin Rousso <webkit@devinrousso.com>

Web Inspector: fix ESLint errors
@@ -859,13 +859,13 @@
<div id="toolbar"></div>
<div id="tab-bar"></div>
<div id="main">
<div id="navigation-sidebar"></div>
<div id="content">
<div id="navigation-sidebar"></div>
<div id="tab-browser"></div>
<div id="console-drawer" class="hidden"></div>
<div id="quick-console"></div>
<div id="details-sidebar"></div>
</div>
<div id="details-sidebar"></div>
<div id="console-drawer" class="hidden"></div>
<div id="quick-console"></div>
</div>
</body>
</html>
@@ -69,13 +69,13 @@
position: absolute;
z-index: 1;
width: 100%;
background-color: white;
border-top: 1px solid var(--border-color);
}

.sidebar > .panel.details.css-style > .content ~ .options-container {
bottom: 0;
height: var(--console-prompt-min-height);
height: calc(var(--console-prompt-min-height) - 1px);
padding-top: 1px;
}

.sidebar > .panel.details.css-style > .content:not(.supports-new-rule, .has-filter-bar) ~ :matches(.options-container, .class-list-container) {
@@ -131,6 +131,7 @@ input[type=range]::-webkit-slider-runnable-track {
bottom: 0;

display: flex;
flex-direction: column;

background-color: white;

@@ -149,9 +150,6 @@ body.docked:matches(.right, .left) #navigation-sidebar.collapsed > .resizer {

#content {
display: flex;
flex-direction: column;
flex: 1;

height: 100%; /* This reduces paint areas when typing in the console. http://webkit.org/b/145324 */
}

0 comments on commit 4c9a4b7

Please sign in to comment.