source: trunk/proto-14/chrome/content/view-details.xul @ 226

Revision 226, 4.8 KB checked in by nhoyt, 6 years ago (diff)

Layout and font style tweaks for Rule Details view

Line 
1<?xml version="1.0"?>
2<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
3<!DOCTYPE overlay SYSTEM "chrome://ai-sidebar/locale/ai-sidebar.dtd">
4
5<overlay id="ainspector-details-view-overlay"
6  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
7
8  <script src="view-details.js"/>
9  <script src="rule-info.js"/>
10  <script src="element-results.js"/>
11
12  <vbox id="ainspector-details-view">
13
14    <spacer height="8"/>
15
16    <label id="ainspector-rule-summary"/>
17
18    <vbox id="ainspector-details-summary"
19      width="360" height="78"/>
20
21    <spacer height="12"/>
22
23    <tabbox id="ainspector-details-tabbox"
24      persist="selectedIndex label"
25      style="margin-left: 4px">
26      <tabs style="font-size: 110%">
27        <tab label="&ai-details.label.elements;"/>
28        <tab label="&ai-details.label.rule-info;"/>
29      </tabs>
30      <tabpanels style="padding: 16px 0px 0px">
31        <tabpanel height="251" style="background: white">
32          <tree id="ainspector-element-results-tree" width="381"
33            rows="12" seltype="single" style="margin: 0"
34            persist="sortDirection sortResource"
35            sortDirection="descending"
36            sortResource="ainspector-elem-result-col"
37            hidecolumnpicker="true"
38            onselect="ainspectorSidebar.updateSelectedElement(this)">
39            <treecols>
40              <treecol id="ainspector-element-col"
41                flex="1" minwidth="70"
42                ignoreincolumnpicker="true"
43                label="&ai-treecol.element;"
44                tooltiptext="&ai-treecol.elementTooltip;"
45                persist="width"
46                onclick="ainspectorSidebar.sortElementResults(this)"
47                class="sortDirectionIndicator"/>
48              <splitter class="tree-splitter"/>
49              <treecol id="ainspector-order-col"
50                width="56" minwidth="56" maxwidth="60"
51                ignoreincolumnpicker="true"
52                label="&ai-treecol.order;"
53                style="text-align: right; padding-right: 16px"
54                tooltiptext="&ai-treecol.orderTooltip;"
55                persist="width"
56                onclick="ainspectorSidebar.sortElementResults(this)"
57                class="sortDirectionIndicator"/>
58              <splitter class="tree-splitter"/>
59              <treecol id="ainspector-elem-result-col"
60                width="56" minwidth="56" maxwidth="60"
61                ignoreincolumnpicker="true"
62                label="&ai-treecol.result;"
63                style="text-align: left; padding-right: 16px"
64                tooltiptext="&ai-treecol.resultTooltip;"
65                persist="width"
66                onclick="ainspectorSidebar.sortElementResults(this)"
67                class="sortDirectionIndicator"/>
68              <splitter class="tree-splitter"/>
69              <treecol id="ainspector-action-col"
70                width="70" minwidth="70"
71                ignoreincolumnpicker="true"
72                label="&ai-treecol.action;"
73                style="text-align: left; padding-right: 16px"
74                tooltiptext="&ai-treecol.actionTooltip;"
75                persist="width"
76                onclick="ainspectorSidebar.sortElementResults(this)"
77                class="sortDirectionIndicator"/>
78            </treecols>
79            <treechildren/>
80          </tree>
81        </tabpanel>
82        <tabpanel height="251" style="background: white">
83          <vbox id="ainspector-details-rule-info"
84            width="381"/>
85        </tabpanel>
86      </tabpanels>
87    </tabbox>
88
89    <spacer height="8"/>
90
91    <vbox>
92      <hbox>
93        <spacer flex="4"/>
94        <grid>
95          <rows>
96            <row class="element-results-header"/>
97            <row class="element-results-data"
98              id="ainspector-rule-details-summary"/>
99          </rows>
100        </grid>
101        <spacer flex="4"/>
102      </hbox>
103    </vbox>
104
105    <spacer height="12"/>
106
107    <vbox>
108      <hbox align="baseline">
109        <button
110          label="&ai-button.label.back;"
111          image="chrome://ai-sidebar/skin/back-button.png"
112          tooltiptext="&ai-button.tooltip.backToCategory;"
113          style="margin-left: 4px; min-width: 0"
114          oncommand="ainspectorSidebar.selectPreviousView()"/>
115        <spacer flex="4"/>
116        <description>Highlight: </description>
117        <menulist id="ainspector-highlight-option"
118          flex="1" width="50"
119          persist="value label"
120          oncommand="ainspectorSidebar.updateHighlight()"
121          style="margin-right: 6px">
122          <menupopup>
123            <menuitem label="&ai-label.highlight.selected;" value="1"/>
124            <menuitem label="&ai-label.highlight.v-w;"      value="2"/>
125            <menuitem label="&ai-label.highlight.mc;"       value="3"/>
126            <menuitem label="&ai-label.highlight.all;"      value="4"/>
127          </menupopup>
128        </menulist>
129      </hbox>
130    </vbox>
131
132  </vbox>
133</overlay>
Note: See TracBrowser for help on using the repository browser.