Revision: 4840
          http://sourceforge.net/p/vexi/code/4840
Author:   clrg
Date:     2016-01-07 15:18:23 +0000 (Thu, 07 Jan 2016)
Log Message:
-----------
Improve tabpane layouts
- boxes flush with the left/top edges will fill to the visible bevel
- previously there would be a 1 pixel gap

Modified Paths:
--------------
    branches/vexi3/org.vexi-vexi.widgets/src_main/org/vexi/theme/classic/tab.t
    
branches/vexi3/org.vexi-vexi.widgets/src_main/org/vexi/theme/classic/tabpane.t

Modified: 
branches/vexi3/org.vexi-vexi.widgets/src_main/org/vexi/theme/classic/tab.t
===================================================================
--- branches/vexi3/org.vexi-vexi.widgets/src_main/org/vexi/theme/classic/tab.t  
2016-01-04 12:55:02 UTC (rev 4839)
+++ branches/vexi3/org.vexi-vexi.widgets/src_main/org/vexi/theme/classic/tab.t  
2016-01-07 15:18:23 UTC (rev 4840)
@@ -23,7 +23,7 @@
                 </lay:pad>
             </bevel>
             <ui:box height="2">
-                <ui:box width="1" />
+                <ui:box width="2" />
                 <ui:box id="overfill" height="2" fill=":.settings..tabfill" />
                 <ui:box width="2" />
             </ui:box>

Modified: 
branches/vexi3/org.vexi-vexi.widgets/src_main/org/vexi/theme/classic/tabpane.t
===================================================================
--- 
branches/vexi3/org.vexi-vexi.widgets/src_main/org/vexi/theme/classic/tabpane.t  
    2016-01-04 12:55:02 UTC (rev 4839)
+++ 
branches/vexi3/org.vexi-vexi.widgets/src_main/org/vexi/theme/classic/tabpane.t  
    2016-01-07 15:18:23 UTC (rev 4840)
@@ -3,32 +3,36 @@
 <vexi xmlns:ui="vexi://ui"
       xmlns:role="org.vexi.lib.role"
       xmlns:lib="org.vexi.lib.widget"
+      xmlns:lay="org.vexi.lib.layout"
       xmlns:wi="vexi.widget"
       xmlns="vexi.theme">
 
     <lib:tabpane />
-    <ui:box redirect=":$content">
-        <ui:box align="topleft" layout="place" minwidth="100" minheight="100">
-            <bevel id="content" form="up" y="30" />
-            <ui:box id="wrap" minheight="32" vshrink="true">
+    <ui:Box redirect=":$content">
+        <ui:Box align="topleft" layout="place" minwidth="100" minheight="100">
+            <ui:Box id="body" layout="layer" y="30">
+                <lay:pad padding="1 2 2 1" id="content" />
+                <bevel form="up" />
+            </ui:Box>
+            <ui:Box id="wrap" minheight="32" vshrink="true">
                 <lib.button id="prev" display="false">
-                    <ui:box fill=":.image.arrowleft" />
+                    <ui:Box fill=":.image.arrowleft" />
                 </lib.button>
-                <ui:box id="headwrap" align="topleft" layout="place">
-                    <ui:box vshrink="true" align="top">
-                        <ui:box id="head" shrink="true" />
+                <ui:Box id="headwrap" align="topleft" layout="place">
+                    <ui:Box vshrink="true" align="top">
+                        <ui:Box id="head" shrink="true" />
                         <wi:tab id="add" display="false" selected="false">
-                            <ui:box fill=":.image.add" shrink="true" />
+                            <ui:Box fill=":.image.add" shrink="true" />
                         </wi:tab>
-                        <ui:box />
-                    </ui:box>
-                </ui:box>
+                        <ui:Box />
+                    </ui:Box>
+                </ui:Box>
                 <lib.button id="next" display="false">
-                    <ui:box fill=":.image.arrowright" />
+                    <ui:Box fill=":.image.arrowright" />
                 </lib.button>
                 <lib.tablist id="tablist" display="false" />
-            </ui:box>
-        </ui:box>
+            </ui:Box>
+        </ui:Box>
         
         thisbox.th_add = $add;
         thisbox.th_head = $head;
@@ -47,7 +51,7 @@
             cascade = v;
             var hide = hidetabs and 1 >= v_content.numchildren;
             $wrap.display = !hide;
-            $content.y = hide ? 0 : $head.height - 2;
+            $body.y = hide ? 0 : $head.height - 2;
         }
         
         thisbox.hidetabs ++= hideTabsTrap;
@@ -56,9 +60,9 @@
         /** support variable tab height */
         $head.height ++= function(v) {
             $wrap.height = v;
-            $content.y = v-2;
+            $body.y = v-2;
             cascade = v;
         }
         
-    </ui:box>
+    </ui:Box>
 </vexi>

This was sent by the SourceForge.net collaborative development platform, the 
world's largest Open Source development site.


------------------------------------------------------------------------------
_______________________________________________
Vexi-svn mailing list
Vexi-svn@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/vexi-svn

Reply via email to