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

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

Issue 10082025: [Chromoting] Tweak CL to fix toolbar button positions. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: A different approach. Created 8 years, 8 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 | Annotate | Revision Log
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 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 .toolbar-container { 6 .toolbar-container {
7 position: fixed; 7 position: fixed;
8 top: -48px; 8 top: -48px;
9 width: 640px; 9 width: 640px;
10 -webkit-transition: top 0.15s ease; 10 -webkit-transition: top 0.15s ease;
11 font-size: 13px; 11 font-size: 13px;
12 pointer-events: none; 12 pointer-events: none;
13 z-index: 1; 13 z-index: 1;
14 } 14 }
15 15
16 .toolbar-visible { 16 .toolbar-visible {
17 top: -8px; 17 top: -8px;
18 } 18 }
19 19
20 .toolbar-container div {
21 margin-left: auto;
22 margin-right: auto;
23 }
24
25 .toolbar-stub { 20 .toolbar-stub {
26 position: absolute; 21 position: absolute;
27 width: 134px; 22 width: 134px;
28 height: 7px; 23 height: 7px;
29 left: 253px; 24 left: 243px;
30 border-bottom-left-radius: 7px; 25 border-bottom-left-radius: 7px;
31 border-bottom-right-radius: 7px; 26 border-bottom-right-radius: 7px;
32 background-color: #4695ff; 27 background-color: #4695ff;
33 -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 28 -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
34 pointer-events: all; 29 pointer-events: all;
35 clip: rect(0, 999px, 999px, -999px); 30 clip: rect(0, 999px, 999px, -999px);
36 -webkit-transition: height 0.15s ease; 31 -webkit-transition: height 0.15s ease;
37 } 32 }
38 33
39 .toolbar-stub-extended, 34 .toolbar-stub-extended,
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after
84 } 79 }
85 80
86 81
87 .toolbar-stub:hover .arrow-down { 82 .toolbar-stub:hover .arrow-down {
88 opacity: 1.0; 83 opacity: 1.0;
89 } 84 }
90 85
91 .toolbar-visible .arrow-down { 86 .toolbar-visible .arrow-down {
92 -webkit-transform: rotate(180deg); 87 -webkit-transform: rotate(180deg);
93 } 88 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698