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

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

Issue 339613003: Remove the blue tool-bar for apps v2. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Made unit-tests side-effect-free. Created 6 years, 5 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
« no previous file with comments | « remoting/webapp/unittests/menu_button_unittest.js ('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 2014 The Chromium Authors. All rights reserved. 1 /* Copyright 2014 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.apps-v2, 6 html.apps-v2,
7 html.apps-v2 body { 7 html.apps-v2 body {
8 height: 100%; 8 height: 100%;
9 width: 100%; 9 width: 100%;
10 } 10 }
11 11
12 html.apps-v2 body:not(.fullscreen) { 12 html.apps-v2 body:not(.fullscreen) {
13 border: 1px solid gray; /* This is the window border. */ 13 border: 1px solid gray; /* This is the window border. */
14 } 14 }
15 15
16 html.apps-v2 .title-bar { 16 html.apps-v2 .title-bar {
17 border-bottom: 1px solid gray; 17 border-bottom: 1px solid gray;
18 z-index: 100; 18 z-index: 100;
19 } 19 }
20 20
21 .window-title, 21 .window-title,
22 .window-controls-hover-target { 22 .window-controls-hover-target {
23 height: 32px; 23 height: 32px;
24 line-height: 32px; 24 line-height: 32px;
25 font-size: 16px; 25 font-size: 14px;
26 background-color: #c4c4c4; 26 background-color: #c4c4c4;
27 } 27 }
28 28
29 .title-bar .window-title { 29 .title-bar .window-title {
30 padding-__MSG_@@bidi_start_edge__: 12px; 30 padding-__MSG_@@bidi_start_edge__: 12px;
31 width: 100%; 31 width: 100%;
32 display: inline-block; 32 display: inline-block;
33 -webkit-app-region: drag; 33 -webkit-app-region: drag;
34 } 34 }
35 35
(...skipping 13 matching lines...) Expand all
49 } 49 }
50 50
51 .window-control { 51 .window-control {
52 height: 32px; 52 height: 32px;
53 width: 32px; 53 width: 32px;
54 text-align: center; 54 text-align: center;
55 display: inline-block; 55 display: inline-block;
56 border-__MSG_@@bidi_start_edge__: 1px solid rgba(0, 0, 0, 0.2); 56 border-__MSG_@@bidi_start_edge__: 1px solid rgba(0, 0, 0, 0.2);
57 } 57 }
58 58
59 .window-control > span.menu-button-activator {
60 display: inline-block;
61 width: 100%;
62 height: 100%;
63 }
64
59 .window-control:hover { 65 .window-control:hover {
60 background-color: #d5d5d5; 66 background-color: #d5d5d5;
61 } 67 }
62 68
63 .window-control:active { 69 .window-control:active {
64 background-color: #a6a6a6; 70 background-color: #a6a6a6;
65 } 71 }
66 72
67 .window-control > img { 73 .window-control img {
68 margin-bottom: -2px; 74 margin-bottom: -2px;
69 } 75 }
70 76
71 .window-controls-stub { 77 .window-controls-stub {
72 display: none; 78 display: none;
73 -webkit-column-span: all; 79 -webkit-column-span: all;
74 line-height: 3px; 80 line-height: 3px;
75 background: url("drag.webp"); 81 background: url("drag.webp");
76 border-top: 1px solid rgba(0, 0, 0, 0.2); 82 border-top: 1px solid rgba(0, 0, 0, 0.2);
77 } 83 }
(...skipping 24 matching lines...) Expand all
102 height: 100%; 108 height: 100%;
103 position: absolute; 109 position: absolute;
104 top: 0; 110 top: 0;
105 left: 0; 111 left: 0;
106 border-left: 1px solid rgba(255, 255, 255, 0.2); 112 border-left: 1px solid rgba(255, 255, 255, 0.2);
107 border-top: 1px solid rgba(255, 255, 255, 0.2); 113 border-top: 1px solid rgba(255, 255, 255, 0.2);
108 pointer-events: none; 114 pointer-events: none;
109 } 115 }
110 116
111 117
112 /* When connected to a host, the Disconnect button is displayed. */ 118 /* The Disconnect and Options buttons are only displayed when connected. */
113 body:not(.connected) .window-disconnect { 119 body:not(.connected) .window-disconnect,
120 body:not(.connected) .window-options {
114 display: none; 121 display: none;
115 } 122 }
116 123
117 124
118 /* 125 /*
119 * When in full-screen mode, significant changes are made: 126 * When in full-screen mode, significant changes are made:
120 * - The scroll-bars are removed. 127 * - The scroll-bars are removed.
121 * - The window controls have a border (so the left-border of the first button 128 * - The window controls have a border (so the left-border of the first button
122 * is not needed). 129 * is not needed).
123 * - The title-bar (and its bottom border) are not displayed. 130 * - The title-bar (and its bottom border) are not displayed.
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
156 163
157 body.fullscreen .window-controls-hover-target { 164 body.fullscreen .window-controls-hover-target {
158 transition-property: opacity, box-shadow, top; 165 transition-property: opacity, box-shadow, top;
159 transition-duration: 0.3s; 166 transition-duration: 0.3s;
160 opacity: 0.7; 167 opacity: 0.7;
161 top: -33px; 168 top: -33px;
162 __MSG_@@bidi_end_edge__: 8px; 169 __MSG_@@bidi_end_edge__: 8px;
163 } 170 }
164 171
165 body.fullscreen .window-controls-hover-target:hover, 172 body.fullscreen .window-controls-hover-target:hover,
166 body.fullscreen .window-controls-hover-target.opened { 173 body.fullscreen .window-controls-hover-target.opened,
174 body.fullscreen .window-controls-hover-target.menu-opened {
167 top: -4px; 175 top: -4px;
168 opacity: 1.0; 176 opacity: 1.0;
169 box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); 177 box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
170 } 178 }
171 179
172 .fullscreen .window-controls-hover-target.opened .window-controls-stub { 180 .fullscreen .window-controls-hover-target.opened .window-controls-stub {
173 background-color: #a6a6a6; 181 background-color: #a6a6a6;
174 } 182 }
OLDNEW
« no previous file with comments | « remoting/webapp/unittests/menu_button_unittest.js ('k') | remoting/webapp/window_frame.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698