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
3 * found in the LICENSE file.
12 html
.apps-v2
body:not
(.fullscreen
) {
13 border: 1px solid gray
; /* This is the window border. */
16 html
.apps-v2
.title-bar
{
17 border-bottom: 1px solid gray
;
22 .window-controls-hover-target {
26 background-color: #c4c4c4;
29 .title-bar .window-title {
30 padding-__MSG_@@
bidi_start_edge__: 12px;
32 display: inline-block
;
33 -webkit-app-region: drag
;
36 .window-controls-hover-target {
37 -webkit-app-region: no-drag
;
40 __MSG_@@
bidi_end_edge__: 1px;
43 .window-controls-hover-target {
47 .window-controls-hover-target > div:first-child {
55 display: inline-block
;
56 border-__MSG_@@
bidi_start_edge__: 1px solid rgba
(0, 0, 0, 0.2);
59 .window-control > span.menu-button-activator {
60 display: inline-block
;
65 .window-control:hover {
66 background-color: #d5d5d5;
69 .window-control:active {
70 background-color: #a6a6a6;
77 .window-controls-stub {
79 -webkit-column-span: all
;
81 background: url
("drag.webp");
82 border-top: 1px solid rgba
(0, 0, 0, 0.2);
92 html
.apps-v2 #scroller
{
93 height: calc
(100% - 32px); /** Allow space for the title-bar */
96 /* Add an etched border to the window controls, title bar and stub */
99 .window-controls-stub {
104 .window-control:after
,
105 .window-controls-stub:after {
112 border-left: 1px solid rgba
(255, 255, 255, 0.2);
113 border-top: 1px solid rgba
(255, 255, 255, 0.2);
114 pointer-events: none
;
118 /* The Disconnect and Options buttons are only displayed when connected. */
119 body:not
(.connected
) .window-disconnect
,
120 body:not
(.connected
) .window-options
{
126 * When in full-screen mode, significant changes are made:
127 * - The scroll-bars are removed.
128 * - The window controls have a border (so the left-border of the first button
130 * - The title-bar (and its bottom border) are not displayed.
131 * - The stub is visible.
132 * - The window controls gain transition effects for position and opacity and
133 * auto-hide behind the top edge of the screen.
134 * - A border is added to the window controls to ensure they stand out against
136 * - The window border is removed.
139 html
.apps-v2 body
.fullscreen #scroller
{
144 body
.fullscreen
.window-controls-hover-target
{
145 border: 1px solid
#a6a6a6;
148 body
.fullscreen
.window-control:first-child
{
149 border-__MSG_@@
bidi_start_edge__: none
;
152 body
.fullscreen
.window-title
{
156 body
.fullscreen
.title-bar
{
160 body
.fullscreen
.window-controls-stub
{
164 body
.fullscreen
.window-controls-hover-target
{
165 transition-property: opacity
, box-shadow
, top
;
166 transition-duration: 0.3s;
169 __MSG_@@
bidi_end_edge__: 8px;
172 body
.fullscreen
.window-controls-hover-target:hover
,
173 body
.fullscreen
.window-controls-hover-target
.menu-opened
,
174 body
.fullscreen
.window-controls-hover-target
.opened
,
175 body
.fullscreen
.window-controls-hover-target
.preview
{
178 box-shadow: 1px 1px 10px rgba
(0, 0, 0, 0.5);
181 .fullscreen .window-controls-hover-target.opened .window-controls-stub {
182 background-color: #a6a6a6;