[DevTools] Responsive design UI rework.

Source/devtools/front_end/ui/SettingsUI.js

 /*
  * Copyright (C) 2014 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 145 matching lines @@
     setting.addChangeListener(onSettingChange);
 
     function onSettingChange()
     {
         inputElement.value = setting.get();
     }
 
     return p;
 }
 
+/**
+ * @param {string} label
+ * @param {!WebInspector.Setting} setting
+ * @param {number=} maxLength
+ * @param {string=} width
+ * @param {!WebInspector.Setting=} toggleSetting
+ * @param {string=} defaultText
+ */
+WebInspector.SettingsUI.createSettingLabel = function(label, setting, maxLength, width, toggleSetting, defaultText)
+{
+    var p = document.createElement("p");
+    var labelElement = p.createChild("span");
+    labelElement.textContent = label;
+    if (label)
+        labelElement.style.marginRight = "5px";
+    var spanElement = p.createChild("span");
+    spanElement.textContent = setting.get();
+    if (width)
+        p.style.width = width;
+
+    if (toggleSetting)
+        toggleSetting.addChangeListener(onSettingChange);
+    setting.addChangeListener(onSettingChange);
+    onSettingChange();
+
+    function onSettingChange()
+    {
+        var text = toggleSetting && !toggleSetting.get() ? (defaultText || "") : setting.get();
+        spanElement.title = text;
+        if (maxLength && text.length > maxLength)
+            text = text.substring(0, maxLength - 2) + "...";
+        spanElement.textContent = text;
+    }
+
+    return p;
+}
+
 WebInspector.SettingsUI.createCustomSetting = function(name, element)
 {
     var p = document.createElement("p");
     var fieldsetElement = document.createElement("fieldset");
     fieldsetElement.createChild("label").textContent = name;
     fieldsetElement.appendChild(element);
     p.appendChild(fieldsetElement);
     return p;
 }
 
@@ skipping 68 matching lines @@
 
 WebInspector.UISettingDelegate.prototype = {
     /**
      * @return {?Element}
      */
     settingElement: function()
     {
         return null;
     }
 }