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

Side by Side Diff: chrome/browser/resources/options/chromeos/system_options_page.css

Issue 8539022: Bluetooth UI update. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Merge with trunk. Created 9 years, 1 month 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
OLDNEW
1 .touchpad-sensitivity-more { 1 .touchpad-sensitivity-more {
2 float: right; 2 float: right;
3 } 3 }
4 4
5 html[dir=rtl] .touchpad-sensitivity-more { 5 html[dir=rtl] .touchpad-sensitivity-more {
6 float: left; 6 float: left;
7 } 7 }
8 8
9 .option-name { 9 .option-name {
10 display: inline; 10 display: inline;
11 } 11 }
12 12
13 #timezone-value { 13 #timezone-value {
14 display: inline-block; 14 display: inline-block;
15 vertical-align: baseline; 15 vertical-align: baseline;
16 } 16 }
17 17
18 #touchpad-value, 18 #touchpad-value,
19 #slider-control { 19 #slider-control {
20 display: inline-block; 20 display: inline-block;
21 vertical-align: top; 21 vertical-align: top;
22 } 22 }
23 23
24 #bluetooth-options-div { 24 #bluetooth-options-div {
25 -webkit-box-orient: vertical; 25 -webkit-box-orient: vertical;
26 display: -webkit-box; 26 display: -webkit-box;
27 } 27 }
28 28
29 #no-bluetooth-devices-label {
30 -webkit-margin-after: 5px;
31 -webkit-margin-before: 5px;
32 color: gray;
33 }
34
29 #bluetooth-finder-container, 35 #bluetooth-finder-container,
30 #bluetooth-scanning-status { 36 #bluetooth-scanning-status {
31 -webkit-box-orient: horizontal; 37 -webkit-box-orient: horizontal;
32 display: -webkit-box; 38 display: -webkit-box;
33 vertical-align: baseline; 39 vertical-align: baseline;
34 } 40 }
35 41
36 #bluetooth-scanning-label, 42 #bluetooth-scanning-label,
37 #bluetooth-scanning-icon { 43 #bluetooth-scanning-icon {
38 -webkit-transition: 0.25s opacity; 44 -webkit-transition: 0.25s opacity;
(...skipping 21 matching lines...) Expand all
60 #bluetooth-device-list > * > * { 66 #bluetooth-device-list > * > * {
61 border-bottom: 4px solid rgba(255,255,255,1); 67 border-bottom: 4px solid rgba(255,255,255,1);
62 display: table-cell; 68 display: table-cell;
63 } 69 }
64 70
65 .bluetooth-item > * > button { 71 .bluetooth-item > * > button {
66 visibility: hidden; 72 visibility: hidden;
67 width: 100%; 73 width: 100%;
68 } 74 }
69 75
76 .bluetooth-item:first-child > * {
77 border-top: 4px solid rgba(255,255,255,1);
78 }
79
70 .bluetooth-item:hover > * > button, 80 .bluetooth-item:hover > * > button,
71 .bluetooth-item[connected] > * > button, 81 .bluetooth-item[connected] > * > button,
72 .bluetooth-item[connecting] > * > button { 82 .bluetooth-item[connecting] > * > button {
73 visibility: visible; 83 visibility: visible;
74 } 84 }
75 85
76 .bluetooth-item[connected] { 86 .bluetooth-item[connected] {
77 background-color: hsl(214, 91%, 89%); 87 background-color: hsl(214, 91%, 89%);
78 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), 88 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8),
79 rgba(255, 255, 255, 0)); 89 rgba(255, 255, 255, 0));
80 border-color: hsl(214, 91%, 65%); 90 border-color: hsl(214, 91%, 65%);
81 } 91 }
82 92
83 .bluetooth-item[paired] { 93 .bluetooth-item[paired] {
84 background-color: hsl(214, 0%, 95%); 94 color: gray;
85 } 95 }
86 96
87 .bluetooth-item:hover, 97 .bluetooth-item:hover,
88 .bluetooth-item[connecting] { 98 .bluetooth-item[connecting] {
89 background-color: hsl(214, 91%, 97%); 99 background-color: hsl(214, 91%, 97%);
90 border-color: hsl(214, 91%, 65%); 100 border-color: hsl(214, 91%, 65%);
91 } 101 }
92 102
93 .bluetooth-item-text { 103 .bluetooth-item-text {
94 -webkit-padding-after: 3px; 104 -webkit-padding-after: 3px;
95 -webkit-padding-before: 3px; 105 -webkit-padding-before: 3px;
96 -webkit-padding-end: 5px; 106 -webkit-padding-end: 5px;
107 -webkit-padding-start: 5px;
97 width: 100%; 108 width: 100%;
98 } 109 }
99 110
100 .bluetooth-item-text > * > .throbber { 111 .bluetooth-item-text > * > .inline-spinner {
101 -webkit-margin-start: 5px; 112 -webkit-margin-start: 5px;
102 -webkit-transform: translateY(3px); 113 -webkit-transform: translateY(3px);
103 } 114 }
104 115
105 .bluetooth-instructions { 116 .bluetooth-instructions {
106 -webkit-margin-after: 5px; 117 -webkit-margin-after: 5px;
107 -webkit-margin-before: 5px; 118 -webkit-margin-before: 5px;
108 display: block; 119 display: block;
109 line-height: 120%; 120 line-height: 120%;
110 } 121 }
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after
147 .bluetooth-passkey-field { 158 .bluetooth-passkey-field {
148 -webkit-margin-start: 10px; 159 -webkit-margin-start: 10px;
149 width: 100px; 160 width: 100px;
150 } 161 }
151 162
152 .bluetooth-button-group { 163 .bluetooth-button-group {
153 -webkit-padding-end: 5px; 164 -webkit-padding-end: 5px;
154 vertical-align: middle; 165 vertical-align: middle;
155 } 166 }
156 167
157 .bluetooth-icon {
158 background: center center no-repeat;
159 min-width: 45px;
160 }
161
162 .bluetooth-headset {
163 background-image: url("headset.png");
164 }
165
166 .bluetooth-input-keyboard {
167 background-image: url("keyboard.png");
168 }
169
170 .bluetooth-input-mouse {
171 background-image: url("mouse.png");
172 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/options/chromeos/system_options.js ('k') | chrome/browser/resources/options/options.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698