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

Side by Side Diff: remoting/webapp/main.css

Issue 478033004: Fix a couple of scroll-related issues: (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Fixed position and size for apps v1. Created 6 years, 4 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 | Annotate | Revision Log
« no previous file with comments | « remoting/webapp/html/template_main.html ('k') | remoting/webapp/window_frame.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. 3 * found in the LICENSE file.
4 */ 4 */
5 5
6 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 6 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
7 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 7 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
8 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, 8 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl,
9 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 9 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
10 tfoot, thead, tr, th, td, button { 10 tfoot, thead, tr, th, td, button {
(...skipping 601 matching lines...) Expand 10 before | Expand all | Expand 10 after
612 #daemon-plugin-container { 612 #daemon-plugin-container {
613 width: 0; 613 width: 0;
614 height: 0; 614 height: 0;
615 } 615 }
616 616
617 .dialog-container { 617 .dialog-container {
618 position: absolute; 618 position: absolute;
619 top: 200px; 619 top: 200px;
620 left: 0; 620 left: 0;
621 width: 100%; 621 width: 100%;
622 z-index: 2;
622 } 623 }
623 624
624 .dialog-screen { 625 .dialog-screen {
625 position: absolute; 626 position: absolute;
626 top: 0; 627 top: 0;
627 left: 0; 628 left: 0;
628 width: 100%; 629 width: 100%;
629 height: 100%; 630 height: 100%;
630 background-color: #fff; 631 background-color: #fff;
631 opacity: 0.75; 632 opacity: 0.75;
633 z-index: 1;
634 }
635
636 /* For apps v2, don't cover the 1px window border. */
637 html.apps-v2 .dialog-screen {
638 width: calc(100% - 2px);
639 height: calc(100% - 2px);
640 top: 1px;
641 left: 1px;
632 } 642 }
633 643
634 /* TODO(jamiewalch): crbug.com/252796: Remove these once crbug.com/240772 644 /* TODO(jamiewalch): crbug.com/252796: Remove these once crbug.com/240772
635 * is fixed. */ 645 * is fixed. */
636 .no-horizontal-scroll { 646 .no-horizontal-scroll {
637 overflow-x: hidden !important; 647 overflow-x: hidden !important;
638 } 648 }
639 649
640 .no-vertical-scroll { 650 .no-vertical-scroll {
641 overflow-y: hidden !important; 651 overflow-y: hidden !important;
(...skipping 98 matching lines...) Expand 10 before | Expand all | Expand 10 after
740 * no scroll-bars, so the advantages of flex-box layout to achieve centering 750 * no scroll-bars, so the advantages of flex-box layout to achieve centering
741 * (ie, the DOM is easier to measure to determine when scroll-bars are needed) 751 * (ie, the DOM is easier to measure to determine when scroll-bars are needed)
742 * don't apply */ 752 * don't apply */
743 .full-screen #session-mode { 753 .full-screen #session-mode {
744 position: fixed; 754 position: fixed;
745 top: 0; 755 top: 0;
746 left: 0; 756 left: 0;
747 width: 100%; 757 width: 100%;
748 } 758 }
749 759
760 /* Override full-height class until connected, otherwise it takes up 100% of
761 * the window height in addition to the home-screen UI. */
762 body:not(.connected) #session-mode {
763 height: auto;
764 }
765
750 /* video-container needs relative position so that mediasource-video-output can 766 /* video-container needs relative position so that mediasource-video-output can
751 * be positioned relative to the parent with position:absolute. */ 767 * be positioned relative to the parent with position:absolute. */
752 #video-container { 768 #video-container {
753 position: relative; 769 position: relative;
754 } 770 }
755 771
756 /* mediasource-video-output is hidden by default. */ 772 /* mediasource-video-output is hidden by default. */
757 #video-container video { 773 #video-container video {
758 display: none; 774 display: none;
759 } 775 }
(...skipping 20 matching lines...) Expand all
780 } 796 }
781 797
782 .mouse-cursor-overlay { 798 .mouse-cursor-overlay {
783 position: absolute; 799 position: absolute;
784 pointer-events: none; 800 pointer-events: none;
785 } 801 }
786 802
787 body.hangout-remote-desktop .home-screen { 803 body.hangout-remote-desktop .home-screen {
788 display: none; 804 display: none;
789 } 805 }
OLDNEW
« no previous file with comments | « remoting/webapp/html/template_main.html ('k') | remoting/webapp/window_frame.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698