Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(199)

Side by Side Diff: third_party/WebKit/Source/core/css/mediaControlsNew.css

Issue 2243473002: Adding overflow menu to media player (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebased Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2009 Apple Inc. All rights reserved. 2 * Copyright (C) 2009 Apple Inc. All rights reserved.
3 * Copyright (C) 2015 Google Inc. 3 * Copyright (C) 2015 Google Inc.
4 * 4 *
5 * Redistribution and use in source and binary forms, with or without 5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions 6 * modification, are permitted provided that the following conditions
7 * are met: 7 * are met:
8 * 1. Redistributions of source code must retain the above copyright 8 * 1. Redistributions of source code must retain the above copyright
9 * notice, this list of conditions and the following disclaimer. 9 * notice, this list of conditions and the following disclaimer.
10 * 2. Redistributions in binary form must reproduce the above copyright 10 * 2. Redistributions in binary form must reproduce the above copyright
(...skipping 341 matching lines...) Expand 10 before | Expand all | Expand 10 after
352 } 352 }
353 353
354 audio::-webkit-media-controls-fullscreen-volume-min-button, video::-webkit-media -controls-fullscreen-volume-min-button { 354 audio::-webkit-media-controls-fullscreen-volume-min-button, video::-webkit-media -controls-fullscreen-volume-min-button {
355 display: none; 355 display: none;
356 } 356 }
357 357
358 audio::-webkit-media-controls-fullscreen-volume-max-button, video::-webkit-media -controls-fullscreen-volume-max-button { 358 audio::-webkit-media-controls-fullscreen-volume-max-button, video::-webkit-media -controls-fullscreen-volume-max-button {
359 display: none; 359 display: none;
360 } 360 }
361 361
362 video::-internal-media-controls-text-track-list { 362 video::-internal-media-controls-text-track-list, video::-internal-media-controls -overflow-menu-list, audio::-internal-media-controls-overflow-menu-list {
363 position: absolute; 363 position: absolute;
364 bottom: 48px; 364 bottom: 48px;
365 right: 0px; 365 right: 0px;
366 background-color: #fafafa; 366 background-color: #fafafa;
367 max-width: 50%; 367 max-width: 50%;
368 max-height: 250px; 368 max-height: 250px;
369 min-width: 150px; 369 min-width: 150px;
370 overflow-x: hidden; 370 overflow-x: hidden;
371 overflow-y: auto; 371 overflow-y: auto;
372 white-space: nowrap; 372 white-space: nowrap;
373 font-size: 14px; 373 font-size: 14px;
374 padding: 8px 0px; 374 padding: 8px 0px;
375 } 375 }
376 376
377 video::-internal-media-controls-text-track-list-item { 377 video::-internal-media-controls-text-track-list-item {
378 display: block; 378 display: block;
379 color: #424242; 379 color: #424242;
380 text-align: start; 380 text-align: start;
381 line-height: 40px; 381 line-height: 40px;
382 padding-right: 16px; 382 padding-right: 16px;
383 text-overflow: ellipsis; 383 text-overflow: ellipsis;
384 } 384 }
385 385
386 video::-internal-media-controls-text-track-list-item:hover { 386 video::-internal-media-controls-text-track-list-item:hover, video::-internal-med ia-controls-overflow-menu-list-item:hover, audio::-internal-media-controls-overf low-menu-list-item:hover {
387 background-color: #e0e0e0; 387 background-color: #e0e0e0;
388 } 388 }
389 389
390 video::-internal-media-controls-text-track-list-item-input { 390 video::-internal-media-controls-text-track-list-item-input {
391 -webkit-appearance: -internal-media-track-selection-checkmark; 391 -webkit-appearance: -internal-media-track-selection-checkmark;
392 visibility: hidden; 392 visibility: hidden;
393 left: 0; 393 left: 0;
394 vertical-align: middle; 394 vertical-align: middle;
395 margin: 0 5px 0 0; 395 margin: 0 5px 0 0;
396 width: 16px; 396 width: 16px;
(...skipping 14 matching lines...) Expand all
411 } 411 }
412 412
413 video::-internal-media-controls-text-track-list-kind-subtitles { 413 video::-internal-media-controls-text-track-list-kind-subtitles {
414 -webkit-appearance: -internal-media-subtitles-icon; 414 -webkit-appearance: -internal-media-subtitles-icon;
415 height: 20px; 415 height: 20px;
416 width: 20px; 416 width: 20px;
417 margin-left: 10px; 417 margin-left: 10px;
418 vertical-align: middle; 418 vertical-align: middle;
419 } 419 }
420 420
421 video::-internal-overflow-menu-button, audio::-internal-overflow-menu-button {
422 -webkit-appearance: -internal-overflow-menu-button;
423 display: flex;
424 flex: none;
425 box-sizing: border-box;
426 width: 32px;
427 height: 32px;
428 padding: 0px;
429 border-width: 0px;
430 margin-left: 0px;
431 margin-right: 0px;
432 background-color: initial;
433 color: inherit;
434 }
435
436 video::-internal-media-controls-overflow-menu-list-item, audio::-internal-media- controls-overflow-menu-list-item {
437 display: block;
438 color: #424242;
439 line-height: 40px;
440 padding-left: 28px;
441 }
442
421 video::-webkit-media-text-track-container { 443 video::-webkit-media-text-track-container {
422 position: relative; 444 position: relative;
423 width: inherit; 445 width: inherit;
424 height: inherit; 446 height: inherit;
425 overflow: hidden; 447 overflow: hidden;
426 448
427 font: 22px sans-serif; 449 font: 22px sans-serif;
428 text-align: center; 450 text-align: center;
429 color: rgba(255, 255, 255, 1); 451 color: rgba(255, 255, 255, 1);
430 452
(...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after
485 font-weight: bold; 507 font-weight: bold;
486 } 508 }
487 509
488 video::cue(u) { 510 video::cue(u) {
489 text-decoration: underline; 511 text-decoration: underline;
490 } 512 }
491 513
492 video::cue(i) { 514 video::cue(i) {
493 font-style: italic; 515 font-style: italic;
494 } 516 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698