Changeset 238


Ignore:
Timestamp:
10/25/13 20:19:00 (6 years ago)
Author:
nhoyt
Message:

Overview: Standardized layout margins by setting deck margin-left and margin-right properties and then placing everything within it flush against left and/or right edge.

summary-rc.xul, summary-wcag.xul

  • Left-justified label text in left-most grid headings

view-category.xul, view-summary.xul

  • Moved some style attributes to ai-sidebar.css
  • Adjusted spacer element heights
  • Set margin-left and margin-right properties of buttons to 0px

ai-sidebar.css

  • Increased page padding from 2px to 3px
  • Adjusted ainspector-view-title and header-label class attributes
  • Added deck and tabbox properties
  • Adjusted left and right margins of tree and vbox elements contained within deck
Location:
trunk/proto-14/chrome
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • trunk/proto-14/chrome/content/ai-sidebar.xul

    r231 r238  
    148148 
    149149  <hbox align="baseline"> 
    150     <label id="ainspector-view-title" class="header" value=""/> 
     150    <label id="ainspector-view-title" class="header"/> 
    151151    <spacer flex="5"/> 
    152152    <button id="ainspector-views-button"/> 
  • trunk/proto-14/chrome/content/summary-rc.xul

    r236 r238  
    2222              value="&ai-summary.label.category;" 
    2323              tooltiptext="&ai-summary.tooltip.category;" 
    24               style="text-align: left"/> 
     24              style="padding-left: 0; text-align: left"/> 
    2525            <label 
    2626              class="tbl-summary-header-label" 
  • trunk/proto-14/chrome/content/summary-wcag.xul

    r236 r238  
    2222              value="&ai-summary.label.guideline;" 
    2323              tooltiptext="&ai-summary.tooltip.guideline;" 
    24               style="text-align: left"/> 
     24              style="padding-left: 0; text-align: left"/> 
    2525            <label 
    2626              class="tbl-summary-header-label" 
  • trunk/proto-14/chrome/content/view-category.xul

    r234 r238  
    2424    </vbox> 
    2525 
    26     <spacer height="12"/> 
     26    <spacer height="14"/> 
    2727 
    2828    <vbox id="ainspector-rc-tree-header"> 
     
    3333          label="&ai-button.label.sort;" 
    3434          tooltiptext="&ai-button.tooltip.sort;" 
    35           style="margin-right: 5px" 
     35          style="margin-right: 0px" 
    3636          oncommand="ainspectorSidebar.defaultSortRuleResults()"/> 
    3737      </hbox> 
     
    9999    </tree> 
    100100 
    101     <spacer height="10"/> 
     101    <spacer height="14"/> 
    102102 
    103103    <vbox> 
     
    108108 
    109109    <vbox id="ainspector-selected-rule" 
    110       width="360" height="108" 
    111       style="overflow-y: scroll; border: solid lightgray thin; background-color: white; margin: 0; margin-left: 4px; margin-right: 4px; padding: 4px;"/> 
     110      width="360" height="108"/> 
    112111    <spacer height="4"/> 
    113112 
     
    118117          image="chrome://ai-sidebar/skin/back-button.png" 
    119118          tooltiptext="&ai-button.tooltip.backToSummary;" 
    120           style="margin-left: 4px; margin-right: 0; min-width: 0" 
     119          style="margin-left: 0px; margin-right: 0; min-width: 0" 
    121120          oncommand="ainspectorSidebar.selectView(ainspector.viewEnum.SUMMARY)"/> 
    122121        <button id="ainspector-rule-details-button" 
     
    124123          image="chrome://ai-sidebar/skin/fwd-button.png" dir="reverse" 
    125124          tooltiptext="&ai-button.tooltip.ruleDetails;" 
    126           style="margin-left: 2px; margin-right: 5px; min-width: 0" 
     125          style="margin-left: 2px; min-width: 0" 
    127126          oncommand="ainspectorSidebar.selectView(ainspector.viewConst.DETAILS)"/> 
    128127      </hbox> 
  • trunk/proto-14/chrome/content/view-details.xul

    r237 r238  
    2323 
    2424    <tabbox id="ainspector-details-tabbox" 
    25       persist="selectedIndex label" 
    26       style="margin-left: 4px"> 
     25      persist="selectedIndex label"> 
    2726      <tabs style="font-size: 110%"> 
    2827        <tab label="&ai-details.label.elements;"/> 
     
    112111          image="chrome://ai-sidebar/skin/back-button.png" 
    113112          tooltiptext="&ai-button.tooltip.backToCategory;" 
    114           style="margin-left: 4px; min-width: 0" 
     113          style="margin-left: 0px; min-width: 0" 
    115114          oncommand="ainspectorSidebar.selectPreviousView()"/> 
    116115        <spacer flex="4"/> 
     
    120119          persist="value label" 
    121120          oncommand="ainspectorSidebar.updateHighlight()" 
    122           style="margin-right: 6px"> 
     121          style="margin-right: 0px"> 
    123122          <menupopup> 
    124123            <menuitem label="&ai-label.highlight.selected;" value="1"/> 
  • trunk/proto-14/chrome/skin/ai-sidebar.css

    r237 r238  
    11page { 
    2   padding: 2px; 
     2  padding: 3px; 
    33  padding-top: 5px; 
    44  padding-bottom: 5px; 
     
    66 
    77label#ainspector-view-title { 
    8   font-size: 133% 
    9 } 
    10  
    11 vbox#ainspector-summary { 
    12   padding-left: 4px; 
    13   padding-right: 4px; 
     8  font-size: 133%; 
     9  margin-left: 4px; 
     10  padding-left: 2px; 
    1411} 
    1512 
    1613label.header-label { 
    17   padding-top: 6px; 
    1814  font-size: 110%; 
    1915  font-weight: bold; 
     16  margin-left: 2px; 
    2017} 
    2118 
     
    107104} 
    108105 
    109 /* tabpanels */ 
     106/* tab panels */ 
     107 
     108deck { 
     109  padding: 0px; 
     110  margin-left:  4px; 
     111  margin-right: 5px; 
     112} 
     113 
     114tabbox { 
     115  margin:  0; 
     116  padding: 0; 
     117} 
    110118 
    111119tabpanels { 
     
    131139  border: 1px solid #bbb; 
    132140  background-color: white; 
    133   margin: 0; 
    134   margin-left: 4px; 
    135   margin-right: 5px; 
     141  margin: 0px; 
    136142  padding: 4px; 
     143} 
     144 
     145tree#ainspector-rule-category-tree { 
     146  margin: 0px; 
    137147} 
    138148 
     
    142152  border-bottom: 0; 
    143153  background-color: white; 
    144   margin: 0; 
    145   margin-left: 4px; 
    146   margin-right: 5px; 
     154  margin:  0px; 
    147155  padding: 4px; 
    148156  padding-bottom: 6px; 
     
    157165  border-top: 0; 
    158166  background-color: white; 
    159   margin: 0; 
    160   margin-left: 4px; 
    161   margin-right: 5px; 
     167  margin:  0px; 
    162168  padding: 4px; 
    163169} 
     
    169175  border-top: 1px solid #bbb; 
    170176  background-color: white; 
    171   margin: 0; 
     177  margin:  0px; 
    172178  padding: 4px; 
    173179} 
Note: See TracChangeset for help on using the changeset viewer.