| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 .help-window-main { | 7 .help-window-main { |
| 8 color: rgb(48, 57, 66); | 8 color: rgb(48, 57, 66); |
| 9 background-color: white; | 9 background-color: white; |
| 10 padding: 11px 0 0 0; | 10 padding: 11px 0 0 0; |
| (...skipping 261 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 272 #workspace-tab-content .help-block { | 272 #workspace-tab-content .help-block { |
| 273 width: auto; | 273 width: auto; |
| 274 margin-right: 20px; | 274 margin-right: 20px; |
| 275 } | 275 } |
| 276 | 276 |
| 277 .file-system-mapping-view { | 277 .file-system-mapping-view { |
| 278 margin-left: 30px; | 278 margin-left: 30px; |
| 279 margin-right: 10px; | 279 margin-right: 10px; |
| 280 } | 280 } |
| 281 | 281 |
| 282 .settings-tab .settings-list { | |
| 283 border: 1px solid hsl(0, 0%, 85%); | |
| 284 border-radius: 2px; | |
| 285 } | |
| 286 | |
| 287 .settings-tab .settings-list .settings-list-item:not(.editable) { | |
| 288 background-color: #eee; | |
| 289 } | |
| 290 | |
| 291 .excluded-folders-list .settings-list-item:not(.editable) .settings-list-column-
path:before, | |
| 292 .settings-list-item:not(.editable) .list-column.settings-list-column-url:before
{ | |
| 293 content: "\1F512"; | |
| 294 margin-right: 5px; | |
| 295 } | |
| 296 | |
| 297 | |
| 298 .settings-tab .settings-list .settings-list-item .settings-list-item-contents { | |
| 299 width: 100%; | |
| 300 height: 40px; | |
| 301 -webkit-box-align: center; | |
| 302 -webkit-transition: 150ms background-color; | |
| 303 display: -webkit-box; | |
| 304 padding-right: 8px; | |
| 305 } | |
| 306 | |
| 307 .settings-tab .settings-list .settings-list-item .settings-list-item-contents >
:first-child { | |
| 308 -webkit-box-align: center; | |
| 309 -webkit-box-flex: 1; | |
| 310 -webkit-padding-end: 5px; | |
| 311 display: -webkit-box; | |
| 312 } | |
| 313 | |
| 314 .settings-tab .settings-list .settings-list-item.selected:not(.editable) { | |
| 315 background-color: hsl(0, 0%, 82%); | |
| 316 } | |
| 317 | |
| 318 .settings-tab .settings-list .settings-list-item:hover { | |
| 319 background-color: hsl(215, 54%, 93%); | |
| 320 } | |
| 321 | |
| 322 .settings-tab .settings-list .settings-list-item.selected:not(.editable):hover { | |
| 323 background-color: hsl(215, 51%, 82%); | |
| 324 } | |
| 325 | |
| 326 .settings-tab .settings-list .settings-list-item .remove-item-button { | |
| 327 -webkit-transition: 150ms opacity; | |
| 328 background-color: hsla(0, 0%, 0%, 0); | |
| 329 background-image: -webkit-image-set( | |
| 330 url(Images/settingsListRemove.png) 1x, | |
| 331 url(Images/settingsListRemove_2x.png) 2x); | |
| 332 background-size: 48px 16px; | |
| 333 border: none; | |
| 334 display: block; | |
| 335 height: 16px; | |
| 336 width: 16px; | |
| 337 opacity: 0; | |
| 338 pointer-events: none; | |
| 339 } | |
| 340 | |
| 341 .settings-tab .settings-list .settings-list-item.selected .remove-item-button, | |
| 342 .settings-tab .settings-list .settings-list-item:hover .remove-item-button { | |
| 343 opacity: 1; | |
| 344 pointer-events: auto; | |
| 345 } | |
| 346 | |
| 347 .settings-tab .settings-list .settings-list-item .remove-item-button:hover { | |
| 348 background-position-x: -32px; | |
| 349 } | |
| 350 | |
| 351 .settings-tab .settings-list .settings-list-item .remove-item-button:active { | |
| 352 background-position-x: -16px; | |
| 353 } | |
| 354 | |
| 355 .settings-list-item-columns { | |
| 356 height: 100%; | |
| 357 } | |
| 358 | |
| 359 .settings-tab .settings-list .settings-list-item .list-column { | |
| 360 displaY: -webkit-box; | |
| 361 -webkit-box-align: center; | |
| 362 padding-left: 5px; | |
| 363 padding-right: 2px; | |
| 364 box-sizing: border-box; | |
| 365 overflow: hidden; | |
| 366 text-overflow: ellipsis; | |
| 367 height: 100%; | |
| 368 } | |
| 369 | |
| 370 .settings-tab .settings-list .settings-list-item .list-column .list-column-edito
r { | |
| 371 width: 100%; | |
| 372 } | |
| 373 | |
| 374 .settings-tab .settings-list .settings-list-item.add-list-item .remove-item-butt
on { | |
| 375 visibility: hidden; | |
| 376 } | |
| 377 | |
| 378 .settings-tab .settings-list .settings-list-item.editable .list-column .list-col
umn-editor { | |
| 379 display: none; | |
| 380 } | |
| 381 | |
| 382 .settings-tab .settings-list .settings-list-item.editable.item-editing .list-col
umn .list-column-editor { | |
| 383 display: block; | |
| 384 } | |
| 385 | |
| 386 .settings-tab .settings-list .settings-list-item.editable.item-editing .list-col
umn .list-column-text { | |
| 387 display: none; | |
| 388 } | |
| 389 | |
| 390 .settings-tab .settings-list .settings-list-item.editable.item-editing .list-col
umn .list-column-editor.editable-item-error { | |
| 391 background-color: pink; | |
| 392 } | |
| 393 | |
| 394 input.list-column-editor { | |
| 395 border: 1px solid rgb(213, 213, 213); | |
| 396 border-radius: 2px; | |
| 397 color: #444444; | |
| 398 padding: 3px; | |
| 399 } | |
| 400 select.list-column-editor { | |
| 401 padding: 2px; | |
| 402 margin-left: 0; | |
| 403 } | |
| 404 | |
| 405 .settings-tab .file-system-container { | 282 .settings-tab .file-system-container { |
| 406 padding-bottom: 20px; | |
| 407 margin-bottom: 18px; | 283 margin-bottom: 18px; |
| 408 padding: 0 8px; | 284 padding: 0 8px; |
| 409 border-left: 1px solid hsl(0, 0%, 90%); | 285 border-left: 1px solid hsl(0, 0%, 90%); |
| 410 } | 286 } |
| 411 | 287 |
| 412 .settings-tab .file-system-header { | 288 .settings-tab .file-system-header { |
| 413 display: flex; | 289 display: flex; |
| 414 flex-direction: row; | 290 flex-direction: row; |
| 415 align-items: center; | 291 align-items: center; |
| 416 } | 292 } |
| (...skipping 10 matching lines...) Expand all Loading... |
| 427 overflow: hidden; | 303 overflow: hidden; |
| 428 text-overflow: ellipsis; | 304 text-overflow: ellipsis; |
| 429 flex: auto; | 305 flex: auto; |
| 430 } | 306 } |
| 431 | 307 |
| 432 .settings-tab .file-system-remove { | 308 .settings-tab .file-system-remove { |
| 433 flex: none; | 309 flex: none; |
| 434 margin-left: 10px; | 310 margin-left: 10px; |
| 435 } | 311 } |
| 436 | 312 |
| 437 .file-systems-list .settings-list-item .list-column.settings-list-column-path { | |
| 438 width: 100%; | |
| 439 } | |
| 440 | |
| 441 .settings-tab .settings-list .settings-list-item.disabled .settings-list-column-
pattern .list-column-text { | |
| 442 color: #666; | |
| 443 text-decoration: line-through; | |
| 444 } | |
| 445 | |
| 446 .settings-dialog { | |
| 447 display: -webkit-flex; | |
| 448 -webkit-flex-direction: column; | |
| 449 } | |
| 450 | |
| 451 .settings-dialog .dialog-contents { | |
| 452 display: flex; | |
| 453 flex-direction: column; | |
| 454 } | |
| 455 | |
| 456 .settings-dialog .header { | |
| 457 flex: 0 0 auto; | |
| 458 color: #333; | |
| 459 font-size: 14px; | |
| 460 margin: 0; | |
| 461 padding: 14px 17px 14px; | |
| 462 } | |
| 463 | |
| 464 .settings-dialog .contents { | |
| 465 flex: 1 1 auto; | |
| 466 overflow-x: hidden; | |
| 467 overflow-y: auto; | |
| 468 } | |
| 469 | |
| 470 .settings-dialog .block-header { | |
| 471 color: black; | |
| 472 font-size: 1.2em; | |
| 473 margin-bottom: 0.8em; | |
| 474 } | |
| 475 | |
| 476 .settings-dialog .done-button { | |
| 477 float: right; | |
| 478 } | |
| 479 | |
| 480 .settings-glass-pane { | |
| 481 -webkit-box-align: center; | |
| 482 -webkit-box-orient: vertical; | |
| 483 -webkit-box-pack: center; | |
| 484 display: -webkit-box; | |
| 485 z-index: 2000 !important; | |
| 486 padding: 5px; | |
| 487 background-color: rgba(255, 255, 255, 0.4) !important; | |
| 488 } | |
| 489 | |
| 490 .help-indent-labels label { | 313 .help-indent-labels label { |
| 491 padding-left: 10px; | 314 padding-left: 10px; |
| 492 } | 315 } |
| 493 | 316 |
| 494 .dialog-contents .section { | |
| 495 min-width: 400px; | |
| 496 } | |
| 497 | |
| 498 .settings-experiment-hidden { | 317 .settings-experiment-hidden { |
| 499 display: none; | 318 display: none; |
| 500 } | 319 } |
| 501 | 320 |
| 502 .settings-experiment-hidden label { | 321 .settings-experiment-hidden label { |
| 503 background-color: #ddd; | 322 background-color: #ddd; |
| 504 } | 323 } |
| 505 | 324 |
| 506 .settings-developer-mode .settings-experiment-hidden { | 325 .settings-developer-mode .settings-experiment-hidden { |
| 507 display: block; | 326 display: block; |
| 508 } | 327 } |
| OLD | NEW |