DOMUI: Hide the sync section if sync is disabled.

chrome/browser/resources/options/personal_options.js

Index: chrome/browser/resources/options/personal_options.js
diff --git a/chrome/browser/resources/options/personal_options.js b/chrome/browser/resources/options/personal_options.js
index 3631d405546ef2ddca49aae1c5e04cc477874c99..58a5481578ebcec8d71435c0a5a055ed5081a115 100644
--- a/chrome/browser/resources/options/personal_options.js
+++ b/chrome/browser/resources/options/personal_options.js
@@ -96,7 +96,10 @@ cr.define('options', function() {
     },
 
     setElementVisible_: function(element, visible) {
-      element.style.display = visible ? 'inline' : 'none';
+      if (visible)
+        element.classList.remove('hidden');
+      else
+        element.classList.add('hidden');
     },
 
     setElementClassSyncError_: function(element, visible) {
@@ -175,6 +178,10 @@ cr.define('options', function() {
         $('themes_set_classic').disabled = !enabled;
       }
     },
+
+    hideSyncSection_: function() {
+      this.setElementVisible_($('sync-section'), false);
+    },
   };
 
   // Forward public APIs to private implementations.
@@ -195,6 +202,7 @@ cr.define('options', function() {
     'setCustomizeButtonLabel',
     'setGtkThemeButtonEnabled',
     'setClassicThemeButtonEnabled',
+    'hideSyncSection',
   ].forEach(function(name) {
     PersonalOptions[name] = function(value) {
       PersonalOptions.getInstance()[name + '_'](value);