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

Unified Diff: chrome/browser/resources/options2/browser_options.css

Issue 9816018: Update icons for network settings. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Merge with trunk. Created 8 years, 9 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « chrome/app/theme/theme_resources.grd ('k') | chrome/browser/resources/options2/chromeos/network_list.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/browser/resources/options2/browser_options.css
diff --git a/chrome/browser/resources/options2/browser_options.css b/chrome/browser/resources/options2/browser_options.css
index 78f910d8c0ee271d9a93c851840b6931affe9d4b..a1c907635c50241fa9f85745c6b398fe2682a6b4 100644
--- a/chrome/browser/resources/options2/browser_options.css
+++ b/chrome/browser/resources/options2/browser_options.css
@@ -187,6 +187,10 @@ list:not([disabled]) > .network-group[selected] {
background-image: url('chrome://theme/IDR_STATUSBAR_NETWORK_BARS');
}
+.network-vpn {
+ background-image: url('chrome://theme/IDR_STATUSBAR_VPN');
+}
+
.network-add-connection,
.network-control-active,
.network-control-inactive {
@@ -211,13 +215,18 @@ list:not([disabled]) > .network-group[selected] {
.network-options-button {
-webkit-box-flex: 0;
-webkit-transform: scale(0.6);
- background-image: url('chrome://theme/IDR_INFOBAR_QUESTION_MARK');
+ background-image: none;
background-position: center center;
display: block;
+ opacity: 0.5;
vertical-align: middle;
width: 19px;
}
+.network-menu-item:hover .network-options-button {
+ background-image: url('chrome://theme/IDR_STATUSBAR_EDIT');
+}
+
.network-group > .controlled-setting-indicator,
.network-menu-item > .controlled-setting-indicator {
-webkit-box-flex: 0;
@@ -233,16 +242,26 @@ list:not([disabled]) > .network-group[selected] {
}
.network-options-button:hover {
- /* TODO(kevers): Update once proper assets received for the options
- button. */
- border: 2px solid #333;
- border-radius: 10px;
+ opacity: 1;
+}
+
+@-webkit-keyframes vpn-connecting-animation {
+ from {
+ opacity: 1;
+ }
+ to {
+ opacity: 0.2;
+ }
}
.network-connecting {
-webkit-animation: connecting-animation 1s step-end infinite;
}
+.network-vpn.network-connecting {
+ -webkit-animation: vpn-connecting-animation 500ms alternate infinite;
+}
+
.network-title {
font-weight: 600;
line-height: 120%;
« no previous file with comments | « chrome/app/theme/theme_resources.grd ('k') | chrome/browser/resources/options2/chromeos/network_list.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698