Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Aligning elements in the panels

  • Loading branch information...
commit 3137dde5e88748a1757cc5f2e258eea669d485c4 1 parent 8b7b0f3
@tnedyalkov tnedyalkov authored
View
1  src/client-en.xml
@@ -14,7 +14,6 @@
rgba(255, 255, 255, 0.25) 100%);
border-radius: 3px;
line-height: 19px;
- margin: 0 3px;
padding: 1px 5px;
box-sizing: content-box;
display: inline-block;
View
17 src/ecma-debugger/breakpoints/style.css
@@ -1,7 +1,7 @@
.breakpoint
{
border-bottom: 1px solid #ccc;
- padding: 2px 0;
+ padding: 2px 2px 2px 21px;
}
.breakpoint,
@@ -16,17 +16,12 @@
border-bottom: 0;
}
-.breakpoint-checkbox
+.breakpoint-checkbox + .file-line,
+.breakpoint-checkbox + .event-type,
+.breakpoint-checkbox + .source-line,
+.breakpoint-checkbox + .condition
{
- float: left;
-}
-
-.breakpoint .file-line,
-.source-line,
-.event-type,
-.condition
-{
- margin-left: 25px;
+ display: inline;
}
.breakpoint .file-line,
View
18 src/ecma-debugger/eventlisteners/evlisteners.css
@@ -1,11 +1,19 @@
-.ev-rt-list
+.ev-rt-list > li
{
- margin-top: 5px;
+ margin-bottom: 5px;
+ font-size: 11px;
+ line-height: 15px;
+}
+
+.ev-rt-list .ev-rt-title
+{
+ margin: 0 0 1px 0;
}
.ev-type-list
{
margin: 0;
+ padding-left: 16px;
}
.ev-listener-tooltip
@@ -22,7 +30,7 @@
.list-selected-node dd
{
- margin-left: 23px;
+ margin-left: 21px;
}
.ev-listener-tooltip dd
@@ -64,9 +72,11 @@
.ev-listeners-selected-node .ev-type
{
background-color: hsla(0, 0%, 0%, 0.04);
- padding: 2px 8px;
+ padding: 2px 5px;
border-width: 1px 0;
margin: 5px 0px 1px;
+ font-size: 11px;
+ line-height: 15px;
}
.ev-listener-tooltip .ev-type
View
26 src/searches/style.css
@@ -13,7 +13,7 @@
.search-highlight-between,
.search-highlight-last
{
- background-color: rgba(0, 0, 0, 0.13);
+ background-color: rgba(0, 0, 0, 0.13);
background-color: hsl(0, 0%, 87%);
color: #333333;
}
@@ -23,13 +23,13 @@
.search-highlight-selected-between,
.search-highlight-selected-last
{
- background-color: #c8f7bd;
- background-image: -o-linear-gradient(-90deg,
+ background-color: #c8f7bd;
+ background-image: -o-linear-gradient(-90deg,
#fce703 30%,
#fcbe03 100%);
background-image: linear-gradient(#fce703 30%,
#fcbe03 100%);
- border-color: #ceba73;
+ border-color: #ceba73;
border-top-color: #dbd3ad;
border-bottom-color: #c7b267;
color: #000000;
@@ -124,10 +124,14 @@
width: 100%;
}
+.panel-search
+{
+ padding: 5px;
+}
+
.search-match
{
- padding: 4px;
- margin: 0 2px;
+ padding: 2px 4px;
border-radius: 3px;
border: 1px solid transparent;
}
@@ -187,6 +191,7 @@
.advanced-search .ui-button
{
margin-top: -1px;
+ margin-right: -1px;
vertical-align: top;
}
@@ -212,10 +217,8 @@
background: transparent url("../ui-images/error-console-info.png") no-repeat 0 50%;
border: none;
display: inline-block;
- padding: 4px 0;
- padding-left: 25px;
- margin-top: 1px;
- margin-bottom: -1px;
+ padding: 4px 0 4px 25px;
+ margin: 0 0 5px;
}
@@ -228,9 +231,8 @@
color: hsl(0, 0%, 20%);
margin: 0;
font: inherit;
- padding: 3px;
+ padding: 2px 4px;
word-wrap: break-word;
- margin: 2px;
border-radius: 2px;
border: 1px solid hsl(0, 0%, 85%);
}
View
2  src/ui-style/colorpickerstyle.css
@@ -188,7 +188,7 @@
.color-picker-text
{
height: 14px;
- padding: 3px;
+ padding: 3px 5px;
}
.color-picker-slider-base
View
83 src/ui-style/debugger_style.css
@@ -1,4 +1,4 @@
-h1
+h1
{
margin: 0;
font-weight: normal;
@@ -60,11 +60,6 @@ ul
.folder-key
{
border: none;
- margin: 0;
- margin-right: 7px;
- padding: 0;
- font-size: 10px;
- line-height: 11px;
height: 11px;
width: 11px;
background: transparent url('../ui-images/expand-collapse.gif') scroll no-repeat 0 0;
@@ -101,7 +96,8 @@ ul
#backtrace-container li
{
- padding-left: 20px;
+ padding-left: 21px;
+ margin-left: -4px;
background: transparent url('../ui-images/selected_frame.png') scroll no-repeat -20px 0;
cursor: pointer;
white-space: nowrap;
@@ -315,8 +311,8 @@ cst-option.selected-runtime
.css-declaration
{
- padding-left: 2em;
padding-right: 3px;
+ padding-left: 16px;
}
.css-declaration.disabled,
@@ -328,11 +324,20 @@ cst-option.selected-runtime
.enable-disable
{
- float: left;
opacity: 0; /* This is a hack (instead of visibility: hidden) to make sure the checkbox is always clickable */
- margin-bottom: -10px; /* This is rather hackish too */
- margin-left: -20px;
+}
+
+.enable-disable,
+.event-list input,
+.breakpoint-checkbox,
+.folder-key
+{
+ margin: 0 5px 0 -16px;
+ padding: 0px;
+ font-size: 10px;
+ line-height: 11px;
cursor: default;
+ width: 11px;
}
.enable-disable.hidden
@@ -351,6 +356,10 @@ cst-option.selected-runtime
display: block;
margin: 5px 0;
}
+.css-rule:first-child
+{
+ margin-top: 0;
+}
.stylesheets pre
{
@@ -401,7 +410,7 @@ styles
.unfolded styles
{
- padding: 0 5px;
+ padding: 5px;
}
header
@@ -441,6 +450,7 @@ header input
height: 17px;
-o-transition: 0.2s;
transition: 0.2s;
+ margin: 0 1px;
}
.unfolded > header
@@ -495,7 +505,7 @@ examine-objects item
examine-objects
{
- padding: 5px;
+ padding: 5px 5px 5px 21px;
}
examine-objects examine-objects
@@ -505,12 +515,8 @@ examine-objects examine-objects
examine-objects examine-objects
{
- padding: 0 0 0 16px;
-}
-
-examine-objects key.no-expander
-{
- margin-left: 18px;
+ padding: 0 0 0 32px;
+ margin-left: -16px;
}
.prototype-chain-object
@@ -768,7 +774,7 @@ breadcrumb span
.js-dd-filter-container
{
- margin: 0 3px;
+ margin: 0 3px;
}
.js-dd-filter
@@ -795,7 +801,7 @@ breadcrumb span
.js-dd-visible
{
- opacity: 1;
+ opacity: 1;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
@@ -831,7 +837,7 @@ breadcrumb span
}
.cmd-line-runtimes cst-option
-{
+{
margin-bottom: 0;
}
@@ -875,7 +881,7 @@ breadcrumb span
}
.cmd-line-runtimes cst-option:hover
-{
+{
background-color: #bbcef1;
color: #000;
}
@@ -1502,7 +1508,26 @@ d
.event-list
{
- padding: 4px;
+ padding: 5px;
+}
+
+.event-list > li
+{
+ padding-left: 16px;
+ font-size: 11px;
+ line-height: 15px;
+ margin-bottom: 2px;
+}
+
+.event-list li textarea,
+.event-list li + .controls
+{
+ margin-left: -16px;
+}
+
+.event-list li + .controls
+{
+ margin-top: 5px;
}
.event-breakpoints li:first-child header
@@ -1539,15 +1564,21 @@ d
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
+
.not-content {
cursor: auto;
color: #999;
font-style: italic;
- padding-left: 20px;
}
+.ev-listeners-selected-node .not-content
+{
+ padding-left: 21px;
+}
+
+
.not-content.inspection {
- padding: 5px 5px 5px 25px;
+ padding: 5px 5px 5px 21px;
}
.go-to-line-input
View
5 src/ui-style/dialog.css
@@ -40,11 +40,6 @@
text-align: right;
}
-#ui-dialog-buttons .ui-button
-{
- margin-left: 5px;
-}
-
#ui-dialog-message
{
white-space: pre-wrap;
View
7 src/ui-style/overlay.css
@@ -184,7 +184,7 @@ overlay hr
/* Input Fields, Drop Downs */
.overlay input[type='text']:not([default-text]):not([placeholder]),
-.overlay input[type='number'],
+.overlay input[type='number'],
.overlay select,
.overlay textarea,
.scc-input,
@@ -207,7 +207,7 @@ overlay hr
border: 1px solid rgba(255, 255, 255, 0.4);
}
-.overlay select option
+.overlay select option
{
color: rgba(255, 255, 255, 0.6);
}
@@ -253,5 +253,6 @@ overlay hr
.overlay select + .ui-button
{
- margin-left: 6px;
+ margin-left: 5px;
}
+
View
40 src/ui-style/ui.css
@@ -118,7 +118,7 @@ window-toolbar,
.disabled-toolbar-overlay
{
border-width: 0 1px 1px;
- padding: 3px 2px;
+ padding: 3px 5px;
height: 21px; /* 21 + 3 + 3 (padding) = 27 */
background-color: #e9e9e9;
background-image: -o-linear-gradient(-90deg,
@@ -159,7 +159,12 @@ toolbar-buttons
display: block;
float: left;
height: 100%;
- padding: 0 4px;
+ padding-right: 5px;
+}
+
+toolbar-buttons:empty
+{
+ padding: 0;
}
/* Pop-ups */
@@ -465,7 +470,7 @@ cst-icon[class="debugger-menu"]
rgba(255, 255, 255, 0.25) 100%);
border-radius: 3px;
line-height: 19px;
- margin: 0 3px;
+ margin-right: 5px;
padding: 1px 11px;
box-sizing: content-box;
display: inline-block;
@@ -476,6 +481,13 @@ cst-icon[class="debugger-menu"]
transition: background-color 0.2s;
}
+.ui-control:last-child,
+.ui-button:last-child
+{
+ margin-right: 0;
+}
+
+
.ui-control[disabled],
.ui-button[disabled]
{ /* :disabled seems to be buggy */
@@ -573,12 +585,6 @@ toolbar-buttons .ui-button:first-of-type,
border-bottom-left-radius: 3px;
}
-#toggle-settings-overlay,
-#top-window-toggle-attach.attached
-{
- margin-left: 3px;
-}
-
/* Rightmost Button*/
toolbar-buttons .ui-button:last-of-type,
#toggle-remote-debug-overlay,
@@ -587,12 +593,12 @@ toolbar-buttons .ui-button:last-of-type,
{
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
+ margin-right: 0;
}
-#toggle-remote-debug-overlay,
-#top-window-close
+#toggle-remote-debug-overlay
{
- margin-right: 3px;
+ margin-right: 5px;
}
/* Show the button topmost when the overlay is visible */
@@ -683,8 +689,6 @@ filter,
.color-picker-number,
.color-picker-text
{
- margin: 0 2px;
- padding-left: 20px;
height: 19px;
line-height: 19px;
border: 1px solid #8e8e8e;
@@ -697,9 +701,15 @@ filter,
.advanced-search,
.js-dd-filter-container
{
+ padding-left: 20px;
background: #fff url("../ui-images/icon_search.png") 2px 50% no-repeat;
}
+.advanced-search
+{
+ margin: 0 2px;
+}
+
filter
{
@@ -781,7 +791,7 @@ window-controls
position: absolute;
top: 0;
right: 0;
- padding: 5px 3px 3px 4px;
+ padding: 5px 5px 3px 6px;
height: 22px;
}
Please sign in to comment.
Something went wrong with that request. Please try again.