Conjunto de mudanças 6557 no repositório publico

Timestamp:

26/06/2012 16:21:43 (9 anos atrás)

Autor:

mazza

Mensagem:

quatro abas igualmente espacadas

Localização:

PortalInterlegis/produtos/il.portalinterlegis/trunk/src/il/portalinterlegis

Arquivos:

• browser/boxes/templates/tabbedpane.html (modificado) (1 diff)
• sass/_base.scss (adicionado)
• sass/_tabs.scss (modificado) (3 diffs)
• sass/style.scss (modificado) (2 diffs)
• static/js/tabs.js (modificado) (1 diff)

PortalInterlegis/produtos/il.portalinterlegis/trunk/src/il/portalinterlegis/browser/boxes/templates/tabbedpane.html

@@ -1 +1 @@
 <div class="il-tabs">
   <ul>
-        <li><a href="#">Tab 1</a></li>
-        <li><a href="#">Tab 2</a></li>
-        <li><a href="#">Tab 3</a></li>
+        <li><a href="#">Informação</a></li>
+        <li><a href="#">Capacitação</a></li>
+        <li><a href="#">Tecnologia</a></li>
+        <li><a href="#">Comunicação</a></li>
   </ul>
-  <div>First tab content. Tab contents are called "panes"</div>
-  <div>Second tab content</div>
-  <div>Third tab content</div>
+  <div>
+    <div>First tab content. Tab contents are called "panes"</div>
+    <div>Second tab content</div>
+    <div>Third tab content</div>
+    <div>Fourth tab content</div>
+  </div>
 </div>

PortalInterlegis/produtos/il.portalinterlegis/trunk/src/il/portalinterlegis/sass/_tabs.scss

@@ -27 +27 @@
                abs. positioned inside */
             position: relative;
+
+        @include header-font;
     }
     a {
@@ -32 +34 @@
                and only as wide as they need */
             float: left;
-            padding: 10px 40px;
-            text-decoration: none;
+            padding: 8px 0;
+        width: 230px;
+        text-align: center;
 
             /* Default colors */
@@ -117 +120 @@
     }
 }
+
+.il-tabs > div {
+    border-style: solid;
+    border-width: 4px;
+    border-color: $tabs-active-background-color;
+    min-height: 200px;
+    padding: 10px;
+}

PortalInterlegis/produtos/il.portalinterlegis/trunk/src/il/portalinterlegis/sass/style.scss

@@ -15 +15 @@
 // ================================================================
 
+@import "base";
 @import "dotted-deco";
 @import "footer";
@@ -191 +192 @@
 // ================================================================
 @mixin box-header {
+    @include header-font;
     background: $blue;
-    color: #fff;
-    font-size: 12px; //TODO rever este tamanho
     height: 24px;
     line-height: 26px;
     margin-bottom: 10px;
     padding-left: 10px;
-    text-transform: uppercase;
 }
 

PortalInterlegis/produtos/il.portalinterlegis/trunk/src/il/portalinterlegis/static/js/tabs.js

@@ -1 +1 @@
 $(function() {
-    $(".il-tabs > ul").tabs(".il-tabs > div");
+    $(".il-tabs > ul").tabs(".il-tabs > div > div");
 
     // TODO: refactor this to go with the way of JQuery Tools