| Index: chrome_linux/resources/inspector/helpScreen.css
|
| ===================================================================
|
| --- chrome_linux/resources/inspector/helpScreen.css (revision 229864)
|
| +++ chrome_linux/resources/inspector/helpScreen.css (working copy)
|
| @@ -38,6 +38,7 @@
|
| .help-content {
|
| overflow-y: auto;
|
| overflow-x: hidden;
|
| + scrollbar-width: 11px;
|
| margin: 8px;
|
| padding: 0 4px;
|
| }
|
| @@ -48,27 +49,27 @@
|
| padding: 12px;
|
| }
|
|
|
| -.help-window-main .help-container-wrapper::-webkit-scrollbar {
|
| +.help-window-main ::-webkit-scrollbar {
|
| width: 11px;
|
| }
|
|
|
| -.help-window-main .help-container-wrapper::-webkit-scrollbar-corner,
|
| -.help-window-main .help-container-wrapper::-webkit-resizer {
|
| +.help-window-main ::-webkit-scrollbar-corner,
|
| +.help-window-main ::-webkit-resizer {
|
| display: none;
|
| }
|
|
|
| -.help-window-main .help-container-wrapper::-webkit-scrollbar-thumb:vertical {
|
| +.help-window-main ::-webkit-scrollbar-thumb:vertical {
|
| background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128, 128)), to(rgb(128, 128, 128)), color-stop(40%, rgb(96, 96, 96)));
|
| border-radius: 5px;
|
| min-height: 20px;
|
| }
|
|
|
| -.help-window-main .help-container-wrapper::-webkit-scrollbar-thumb:vertical:hover,
|
| -.help-window-main .help-container-wrapper::-webkit-scrollbar-thumb:vertical:active {
|
| +.help-window-main ::-webkit-scrollbar-thumb:vertical:hover,
|
| +.help-window-main ::-webkit-scrollbar-thumb:vertical:active {
|
| background: -webkit-gradient(linear, left top, right top, from(rgb(176, 176, 176)), to(rgb(176, 176, 176)), color-stop(40%, rgb(144, 144, 144)));
|
| }
|
|
|
| -.help-window-main .help-container-wrapper::-webkit-scrollbar-track:vertical {
|
| +.help-window-main ::-webkit-scrollbar-track:vertical {
|
| background: -webkit-gradient(linear, left top, right top, from(rgb(10, 10, 10)), to(rgb(32, 32, 32)), color-stop(25%, rgb(32, 32, 32)));
|
| border-radius: 5px;
|
| }
|
| @@ -97,7 +98,7 @@
|
| -webkit-column-width: 470px;
|
| }
|
|
|
| -body.platform-mac .settings-tab .help-container {
|
| +body.platform-mac .settings-tab.help-container {
|
| -webkit-column-width: 430px;
|
| }
|
|
|
| @@ -188,24 +189,34 @@
|
| margin: 0 0.5em;
|
| }
|
|
|
| -.settings-tab fieldset {
|
| - margin: 0;
|
| - padding: 0;
|
| - border: none;
|
| +.help-content > fieldset {
|
| + margin: 3px 0;
|
| }
|
|
|
| -.settings-tab label {
|
| - padding-right: 4px;
|
| +.help-content fieldset {
|
| + border: none;
|
| + margin-left: 7px;
|
| + padding: 0 initial;
|
| }
|
|
|
| -#general-tab-content .help-block fieldset legend {
|
| +#general-tab-content .help-content fieldset legend {
|
| font-size: 14px;
|
| }
|
|
|
| -.help-block p p {
|
| +body.platform-mac .settings-tab.help-content fieldset {
|
| + margin-left: 10px;
|
| +}
|
| +
|
| +.help-content fieldset p,
|
| +.help-content fieldset fieldset {
|
| + border-left: 1px solid rgb(128,128,128);
|
| padding-left: 30px;
|
| }
|
|
|
| +.help-content fieldset label {
|
| + padding-right: 4px;
|
| +}
|
| +
|
| #enable-devtools-on-startup {
|
| margin: 0 0 0 80px;
|
| display: inline-block;
|
| @@ -405,7 +416,8 @@
|
| color: #222;
|
| }
|
|
|
| -.settings-tab .help-block fieldset:disabled label:hover {
|
| +.settings-tab .help-block fieldset:disabled label:hover,
|
| +.settings-tab .help-block fieldset.toplevel label:hover {
|
| color: inherit;
|
| }
|
|
|
| @@ -413,10 +425,16 @@
|
| color: #222;
|
| }
|
|
|
| -.settings-tab p {
|
| +.settings-tab p,
|
| +.settings-tab fieldset {
|
| margin: 12px 0;
|
| }
|
|
|
| +.settings-tab fieldset p,
|
| +.settings-tab fieldset fieldset {
|
| + border-left: none transparent;
|
| +}
|
| +
|
| .settings-tab select {
|
| background-color: #FAFAFA;
|
| border-color: rgb(213, 213, 213);
|
| @@ -433,11 +451,10 @@
|
| width: 190px;
|
| }
|
|
|
| -#workspace-tab-content .settings-tab.help-content.help-container {
|
| - -webkit-column-width: initial;
|
| +.settings-tab .file-mappings-list .workspace-settings-row input.file-mapping-url {
|
| + margin-right: 3px;
|
| }
|
|
|
| -
|
| #workspace-tab-content .button:hover {
|
| opacity: 1.0 !important;
|
| }
|
| @@ -470,6 +487,27 @@
|
| color: red;
|
| }
|
|
|
| +.tethering-help-info {
|
| + padding-bottom: 5px;
|
| +}
|
| +
|
| +.tethering-help-title-left {
|
| + padding-top: 20px;
|
| + display: inline-block;
|
| + width: 100px;
|
| +}
|
| +
|
| +
|
| +.tethering-help-title-right {
|
| + padding-top: 20px;
|
| + display: inline-block;
|
| +}
|
| +
|
| +.settings-tab .workspace-settings-row input.tethering-port-input {
|
| + width: 80px;
|
| + margin-right: 20px;
|
| +}
|
| +
|
| .settings-tab .text-button {
|
| background-image: -webkit-linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 38%, hsl(0, 0%, 87%));
|
| border: 1px solid hsla(0, 0%, 0%, 0.25);
|
| @@ -484,13 +522,6 @@
|
| padding-right: 10px;
|
| }
|
|
|
| -.settings-tab .text-button:disabled {
|
| - background-image: -webkit-linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6);
|
| - border-color: rgba(80, 80, 80, 0.2);
|
| - box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
|
| - color: #aaa;
|
| -}
|
| -
|
| .settings-tab .text-button:hover {
|
| background-image: -webkit-linear-gradient(hsl(0, 0%, 94%), hsl(0, 0%, 94%) 38%, hsl(0, 0%, 88%));
|
| border-color: hsla(0, 0%, 0%, 0.3);
|
| @@ -505,8 +536,7 @@
|
| }
|
|
|
| .settings-tab .settings-list-container {
|
| - background-color: white;
|
| - margin-bottom: 10px;
|
| + margin-bottom: 5px;
|
| }
|
|
|
| .settings-tab .settings-list {
|
| @@ -514,7 +544,7 @@
|
| border-radius: 2px;
|
| }
|
|
|
| -.settings-tab .settings-list .settings-list-item .settings-list-item-contents {
|
| +#workspace-tab-content .settings-list .settings-list-item .settings-list-item-contents {
|
| width: 100%;
|
| height: 40px;
|
| -webkit-box-align: center;
|
| @@ -523,7 +553,7 @@
|
| padding-right: 3px;
|
| }
|
|
|
| -.settings-tab .settings-list .settings-list-item .settings-list-item-contents > :first-child {
|
| +#workspace-tab-content .settings-list .settings-list-item .settings-list-item-contents > :first-child {
|
| -webkit-box-align: center;
|
| -webkit-box-flex: 1;
|
| -webkit-padding-end: 5px;
|
| @@ -571,6 +601,28 @@
|
| background-position-x: -16px;
|
| }
|
|
|
| +#workspace-tab-content .settings-list .settings-list-item .file-system-path {
|
| + white-space: nowrap;
|
| + font-size: 12px;
|
| + padding-left: 6px;
|
| + padding-right: 5px;
|
| + -webkit-box-flex: 1;
|
| + color: hsl(210, 16%, 22%);
|
| +}
|
| +
|
| +#workspace-tab-content .settings-list .settings-list-item .file-system-path-name {
|
| + padding-right: 6px;
|
| + font-weight: bold;
|
| +}
|
| +
|
| +.file-mappings-section {
|
| + padding: 0 10px 10px 10px;
|
| +}
|
| +
|
| +.file-mappings-list-container {
|
| + background-color: white;
|
| +}
|
| +
|
| .settings-list-item-columns {
|
| height: 100%;
|
| }
|
| @@ -594,99 +646,26 @@
|
| visibility: hidden;
|
| }
|
|
|
| -.settings-tab .settings-list .settings-list-item.editable .list-column .list-column-editor {
|
| - display: none;
|
| -}
|
| -
|
| -.settings-tab .settings-list .settings-list-item.editable.item-editing .list-column .list-column-editor {
|
| - display: block;
|
| -}
|
| -
|
| -.settings-tab .settings-list .settings-list-item.editable.item-editing .list-column .list-column-text {
|
| - display: none;
|
| -}
|
| -
|
| -.settings-tab .settings-list .settings-list-item.editable.item-editing .list-column .list-column-editor.editable-item-error {
|
| - background-color: pink;
|
| -}
|
| -
|
| -.list-column-editor {
|
| - border: 1px solid rgb(213, 213, 213);
|
| - border-radius: 2px;
|
| - color: #444444;
|
| - padding: 3px;
|
| -}
|
| -
|
| -.settings-tab .settings-list .settings-list-item .file-system-path {
|
| - white-space: nowrap;
|
| - font-size: 12px;
|
| - padding-left: 6px;
|
| - padding-right: 5px;
|
| - -webkit-box-flex: 1;
|
| - color: hsl(210, 16%, 22%);
|
| -}
|
| -
|
| -.settings-tab .settings-list .settings-list-item .file-system-path-name {
|
| - padding-right: 6px;
|
| - font-weight: bold;
|
| -}
|
| -
|
| -.file-mappings-list .settings-list-item .list-column.settings-list-column-url {
|
| +.settings-tab .settings-list .settings-list-item .list-column.file-mapping-url {
|
| width: 50%;
|
| }
|
|
|
| -.file-mappings-list .settings-list-item .list-column.settings-list-column-path {
|
| +.settings-tab .settings-list .settings-list-item .list-column.file-mapping-path {
|
| width: 50%;
|
| }
|
|
|
| -.excluded-folders-list .settings-list-item .list-column.settings-list-column-path {
|
| - width: 100%;
|
| +.settings-tab .file-mappings-list .settings-list-item.editable .list-column .list-column-editor {
|
| + display: none;
|
| }
|
|
|
| -.settings-dialog {
|
| - border-radius: 3px;
|
| - box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
|
| - display: -webkit-flex;
|
| - -webkit-flex-direction: column;
|
| - background: white;
|
| +.settings-tab .file-mappings-list .settings-list-item.editable.item-editing .list-column .list-column-editor {
|
| + display: inline;
|
| }
|
|
|
| -.settings-dialog .dialog-contents {
|
| - display: flex;
|
| - flex-direction: column;
|
| +.settings-tab .file-mappings-list .settings-list-item.editable.item-editing .list-column .list-column-text {
|
| + display: none;
|
| }
|
|
|
| -.settings-dialog .header {
|
| - flex: 0 0 auto;
|
| - color: #333;
|
| - font-size: 14px;
|
| - margin: 0;
|
| - padding: 14px 17px 14px;
|
| +.settings-tab .file-mappings-list .settings-list-item.editable.item-editing .list-column .list-column-editor.editable-item-error {
|
| + background-color: pink;
|
| }
|
| -
|
| -.settings-dialog .contents {
|
| - flex: 1 1 auto;
|
| - padding: 0 17px;
|
| - overflow: auto;
|
| - margin-bottom: 10px;
|
| -}
|
| -
|
| -.settings-dialog .block-header {
|
| - color: black;
|
| - font-size: 1.2em;
|
| - margin-bottom: 0.8em;
|
| -}
|
| -
|
| -.settings-dialog .done-button {
|
| - float: right;
|
| -}
|
| -
|
| -.settings-glass-pane {
|
| - -webkit-box-align: center;
|
| - -webkit-box-orient: vertical;
|
| - -webkit-box-pack: center;
|
| - display: -webkit-box;
|
| - z-index: 2000 !important;
|
| - padding: 5px;
|
| - background-color: rgba(255, 255, 255, 0.4) !important;
|
| -}
|
|
|