Changeset f2b2cb

Timestamp:

Jul 17, 2009, 8:02:58 PM (13 years ago)

Author:

rene <rene@…>

Branches:

lite_0.1, multiEdit, ng_0.6, ng_0.6_help, ng_0.8, ng_0.9

Children:

dd3c77

Parents:

25c15a

Message:

created prefDialog Overview-Image

Location:

chrome

Files:

• content/v_identity/vI_prefDialog.xul (modified) (2 diffs)
• skin/classic/v_identity/Arrows.png (added)
• skin/classic/v_identity/PrefIcons.png (added)
• skin/classic/v_identity/v_identity.css (modified) (1 diff)

chrome/content/v_identity/vI_prefDialog.xul

@@ -40 +40 @@
 <?xml-stylesheet href="chrome://messenger/skin/prefPanels.css" type="text/css"?>
 <?xml-stylesheet href="chrome://messenger/skin/accountManage.css" type="text/css"?>
+
+<?xml-stylesheet href="chrome://mozapps/skin/extensions/extensions.css"?>
+
+
 <?xml-stylesheet href="chrome://v_identity/skin/v_identity.css" type="text/css"?>
 
-<overlay xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+<overlay xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+    xmlns:xhtml="http://www.w3.org/1999/xhtml" >
 
 <dialog id="vI_prefDialog">
@@ -78 +83 @@
 <hbox>
 <spacer flex="1" />
-<button class="v_identity_logo v_identity_logo_button"
-    label="&vident.vidLogo.label; &vident.version;"
-    oncommand="vI_prefDialog.openURL('http://www.absorb.it/virtual-id')" tooltiptext="&vI_prefDialog.vidLogo.tooltiptext;" />
 </hbox>
 
-<tabbox>
+<tabbox class="viewSelector ">
+<radiogroup xhtml:role="listbox" id="viewGroup" persist="last-selected"
+                  class="chromeclass-toolbar" orient="horizontal"
+                  >
+    <vbox>
+    
+    <hbox>
+    <radio pane="source" id="sourceEmail" oncommand="showView('search');" persist="last-selected"/>
+    <vbox><spacer flex="1"/><image class="arrow" id="toSelection" /><spacer flex="1"/></vbox>
+    <radio pane="source" id="selection" oncommand="showView('themes');" persist="last-selected"/>
+    <vbox><spacer flex="1"/><image class="arrow" id="toSelection" /><spacer flex="1"/></vbox>
+    <radio pane="source" id="composeDialog" oncommand="showView('locales');" persist="last-selected"/>
+        <vbox><spacer flex="1"/><image class="arrow" id="toSelection" /><spacer flex="1"/></vbox>
+    <radio pane="source" id="emailOut" oncommand="showView('plugins');" persist="last-selected"/>
+    </hbox>
+    <spacer height="3px" />
+    <hbox>
+    <spacer if="beforeStorage" width="100px"/>
+    <vbox><spacer flex="1"/><image class="arrow" id="storageUp" /><spacer flex="1"/></vbox>
+    <radio pane="source" id="storageOut" oncommand="showView('updates');"/>
+    <vbox><spacer flex="1"/><image class="arrow" id="storageUpDown" /><spacer flex="1"/></vbox>
+    <spacer if="afterStorage" flex="1"/>
+        </hbox>
+    
+    </vbox>
+    
+    <spacer flex="1"/>
+    <vbox><spacer flex="1"/>
+    <hbox><spacer flex="1"/><radio pane="source" id="options" oncommand="showView('installs');"/></hbox>
+    <spacer flex="1"/>
+    <button class="v_identity_logo v_identity_logo_button"
+        label="&vident.vidLogo.label; &vident.version;"
+        oncommand="vI_prefDialog.openURL('http://www.absorb.it/virtual-id')" tooltiptext="&vI_prefDialog.vidLogo.tooltiptext;" />
+    </vbox>
+</radiogroup>
     <tabs>
         <tab label="&vI_prefDialog.commonTab.label;" />

chrome/skin/classic/v_identity/v_identity.css

@@ -2 +2 @@
 @import url("chrome://v_identity/locale/logo.css"); 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+
+#viewGroup {
+  padding: 5px;
+}
+
+#viewGroup radio {
+  -moz-appearance: none;
+  min-width: 4.5em;
+  margin: 0;
+  padding: 3px;
+  list-style-image: url("chrome://v_identity/skin/PrefIcons.png");
+  -moz-box-orient: vertical;
+  -moz-box-align: center !important;
+}
+
+#viewGroup radio:hover {
+  border: 1px solid #ff9c9c;
+  margin: -1px;
+  background-color: white;
+  background-color: transparent;
+}
+
+#viewGroup radio[selected="true"] {
+  border: 1px solid #870000;
+  margin: -1px;
+  background-color: white;
+  background-color: transparent;
+}
+
+radio#sourceEmail           { -moz-image-region: rect(0px, 338px, 52px, 280px) }
+radio#sourceEmail[feature="off"]    { -moz-image-region: rect(104px, 338px, 156px, 280px) }
+radio#sourceEmail:hover         { -moz-image-region: rect(52px, 338px, 104px, 280px) }
+radio#selection         { -moz-image-region: rect(0px, 168px, 52px, 112px) }
+radio#selection[feature="off"]  { -moz-image-region: rect(104px, 168px, 156px, 112px) }
+radio#selection:hover       { -moz-image-region: rect(52px, 168px, 104px, 112px) }
+radio#composeDialog             { -moz-image-region: rect(0px, 112px, 52px, 56px) }
+radio#composeDialog[feature="off"]  { -moz-image-region: rect(104px, 112px, 156px, 56px) }
+radio#composeDialog:hover       { -moz-image-region: rect(52px, 112px, 104px, 56px) }
+radio#emailOut          { -moz-image-region: rect(0px, 56px, 52px, 0px) }
+radio#emailOut[feature="off"]   { -moz-image-region: rect(104px, 56px, 156px, 0px) }
+radio#emailOut:hover        { -moz-image-region: rect(52px, 56px, 104px, 0px) }
+radio#storageOut            { -moz-image-region: rect(0px, 280px, 52px, 224px) }
+radio#storageOut[feature="off"]     { -moz-image-region: rect(104px, 280px, 156px, 224px) }
+radio#storageOut:hover          { -moz-image-region: rect(52px, 280px, 104px, 224px) }
+radio#options           { -moz-image-region: rect(0px, 396px, 52px, 338px) }
+radio#options[feature="off"]    { -moz-image-region: rect(104px, 396px, 156px, 338px) }
+radio#options:hover         { -moz-image-region: rect(52px, 396px, 104px, 338px) }
+
+#viewGroup image.arrow {
+  list-style-image: url("chrome://v_identity/skin/Arrows.png");
+}
+
+image#toSelection           { -moz-image-region: rect(0px, 64px, 30px, 47px) }
+image#toSelection[feature="off"]    { -moz-image-region: rect(30px, 64px, 60px, 47px) }
+image#storageUpDown             { -moz-image-region: rect(0px, 30px, 30px, -1px) }
+image#storageUpDown[feature="off"]  { -moz-image-region: rect(30px, 30px, 60px, -1px) }
+image#storageUp             { -moz-image-region: rect(0px, 48px, 30px, 30px) }
+image#storageUp[feature="off"]      { -moz-image-region: rect(30px, 48px, 60px, 30px) }
+
+
+prefTabbox {
+    border: 1px inset threedface; padding: 5px; background-color: white;
+}
+
+.paneButtonIcon {
+    width: 56px;
+    height: 52px;
+}
 
 treechildren::-moz-tree-cell(no) {