| 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 |