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

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: 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;
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after
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
443 video::-internal-media-controls-overflow-menu-list-item:hover, audio::-internal- media-controls-overflow-menu-list-item:hover {
444 background-color: #e0e0e0;
mlamouri (slow - plz ping) 2016/09/06 10:25:45 Maybe this could be merged with `video::-internal-
kdsilva 2016/09/06 17:32:45 Done.
445 }
446
421 video::-webkit-media-text-track-container { 447 video::-webkit-media-text-track-container {
422 position: relative; 448 position: relative;
423 width: inherit; 449 width: inherit;
424 height: inherit; 450 height: inherit;
425 overflow: hidden; 451 overflow: hidden;
426 452
427 font: 22px sans-serif; 453 font: 22px sans-serif;
428 text-align: center; 454 text-align: center;
429 color: rgba(255, 255, 255, 1); 455 color: rgba(255, 255, 255, 1);
430 456
(...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after
485 font-weight: bold; 511 font-weight: bold;
486 } 512 }
487 513
488 video::cue(u) { 514 video::cue(u) {
489 text-decoration: underline; 515 text-decoration: underline;
490 } 516 }
491 517
492 video::cue(i) { 518 video::cue(i) {
493 font-style: italic; 519 font-style: italic;
494 } 520 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698