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 13 matching lines...) Expand all Loading... |
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 Loading... |
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 Loading... |
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 } |
OLD | NEW |