OLD | NEW |
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 66 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
102 height: 100%; | 102 height: 100%; |
103 position: absolute; | 103 position: absolute; |
104 top: 0; | 104 top: 0; |
105 left: 0; | 105 left: 0; |
106 border-left: 1px solid rgba(255, 255, 255, 0.2); | 106 border-left: 1px solid rgba(255, 255, 255, 0.2); |
107 border-top: 1px solid rgba(255, 255, 255, 0.2); | 107 border-top: 1px solid rgba(255, 255, 255, 0.2); |
108 pointer-events: none; | 108 pointer-events: none; |
109 } | 109 } |
110 | 110 |
111 | 111 |
112 /* When connected to a host, the Disconnect button is displayed. */ | 112 /* The Disconnect and Options buttons are only displayed when connected. */ |
113 body:not(.connected) .window-disconnect { | 113 body:not(.connected) .window-disconnect, |
| 114 body:not(.connected) .window-options { |
114 display: none; | 115 display: none; |
115 } | 116 } |
116 | 117 |
117 | 118 |
118 /* | 119 /* |
119 * When in full-screen mode, significant changes are made: | 120 * When in full-screen mode, significant changes are made: |
120 * - The scroll-bars are removed. | 121 * - The scroll-bars are removed. |
121 * - The window controls have a border (so the left-border of the first button | 122 * - The window controls have a border (so the left-border of the first button |
122 * is not needed). | 123 * is not needed). |
123 * - The title-bar (and its bottom border) are not displayed. | 124 * - The title-bar (and its bottom border) are not displayed. |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
165 body.fullscreen .window-controls-hover-target:hover, | 166 body.fullscreen .window-controls-hover-target:hover, |
166 body.fullscreen .window-controls-hover-target.opened { | 167 body.fullscreen .window-controls-hover-target.opened { |
167 top: -4px; | 168 top: -4px; |
168 opacity: 1.0; | 169 opacity: 1.0; |
169 box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); | 170 box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); |
170 } | 171 } |
171 | 172 |
172 .fullscreen .window-controls-hover-target.opened .window-controls-stub { | 173 .fullscreen .window-controls-hover-target.opened .window-controls-stub { |
173 background-color: #a6a6a6; | 174 background-color: #a6a6a6; |
174 } | 175 } |
OLD | NEW |