From b109a7d8394fc7e50b9a065b5b7ff58e64c8ea45 Mon Sep 17 00:00:00 2001
From: David Lawrence <dkl@mozilla.com>
Date: Wed, 12 Aug 2015 14:00:08 +0000
Subject: Bug 1192854: change tabs on user preferences from horizontal to
 vertical layout

---
 skins/standard/admin.css                          | 46 +++++++++++++++++++++++
 template/en/default/account/prefs/prefs.html.tmpl |  2 +-
 template/en/default/account/prefs/tabs.html.tmpl  | 30 +++++++++++++++
 3 files changed, 77 insertions(+), 1 deletion(-)
 create mode 100644 template/en/default/account/prefs/tabs.html.tmpl

diff --git a/skins/standard/admin.css b/skins/standard/admin.css
index 4c3af2255..7782086a4 100644
--- a/skins/standard/admin.css
+++ b/skins/standard/admin.css
@@ -179,3 +179,49 @@ th.title {
     cursor: default;
 }
 
+/* User Preferences Page */
+
+#prefmain {
+    margin: 1em 0;
+}
+
+#prefnav {
+    width: 14em;
+    float: left;
+}
+
+#prefcontent {
+    margin-left: 15em;
+    padding: .2em 1.5em 1.5em 1.5em;
+    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
+    background: #FFF none repeat scroll 0% 0%;
+}
+
+#prefnav, #prefcontent {
+    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
+}
+
+#prefnav ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+#prefnav li {
+    padding: .6em 1em;
+    background: rgba(255, 255, 255, 0.5);
+}
+
+#prefnav li a {
+    display: block;
+    text-decoration: none;
+}
+
+#prefnav li a:hover {
+    text-decoration: underline;
+}
+
+#prefnav li.selected {
+    font-weight: bold;
+    background: #fff;
+}
diff --git a/template/en/default/account/prefs/prefs.html.tmpl b/template/en/default/account/prefs/prefs.html.tmpl
index e898738b7..9610752ed 100644
--- a/template/en/default/account/prefs/prefs.html.tmpl
+++ b/template/en/default/account/prefs/prefs.html.tmpl
@@ -95,7 +95,7 @@
   END;
 %]
 
-[% WRAPPER global/tabs.html.tmpl
+[% WRAPPER account/prefs/tabs.html.tmpl
    tabs        = tabs
    current_tab = current_tab
 %]
diff --git a/template/en/default/account/prefs/tabs.html.tmpl b/template/en/default/account/prefs/tabs.html.tmpl
new file mode 100644
index 000000000..14a0ccad6
--- /dev/null
+++ b/template/en/default/account/prefs/tabs.html.tmpl
@@ -0,0 +1,30 @@
+[%# This Source Code Form is subject to the terms of the Mozilla Public
+  # License, v. 2.0. If a copy of the MPL was not distributed with this
+  # file, You can obtain one at http://mozilla.org/MPL/2.0/.
+  #
+  # This Source Code Form is "Incompatible With Secondary Licenses", as
+  # defined by the Mozilla Public License, v. 2.0.
+  #%]
+
+[%# INTERFACE:
+  # tabs: List of hashes. Must have at least one item.  Each hash has:
+  #   name: string. Name of the tab.
+  #   link: string. relative URL to the tab's resource on this installation.
+  #   label: string. text displayed in the tab.
+  # current_tab_name: string. name of the currently selected tab
+  #%]
+
+<div id="prefmain">
+  <div id="prefnav">
+    <ul>
+      [% FOREACH tab = tabs %]
+        <li [%= IF tab.name == current_tab_name %]class="selected"[% END %]>
+          <a href="[% tab.link FILTER html %]">[% tab.label FILTER html %]</a>
+        </li>
+      [% END %]
+    </ul>
+  </div>
+  <div id="prefcontent">
+    [% content FILTER none %]
+  </div>
+</div>
-- 
cgit v1.2.3-24-g4f1b