t#31706:change element tab

diff --git a/app/assets/javascripts/panels.js.coffee b/app/assets/javascripts/panels.js.coffee
index 10e38fd..2518981 100644 (file)
--- a/app/assets/javascripts/panels.js.coffee
+++ b/app/assets/javascripts/panels.js.coffee
@@ -31,6 +31,9 @@ $ ->
   \r
   $('#tabs').tabs()\r
   $('#elements-tabs').tabs()\r
+  $('#elements-tabs').addClass( "ui-tabs-vertical ui-helper-clearfix" )\r
+  $("#elements-tabs li").removeClass("ui-corner-top")\r
+  $("#elements-tabs li").addClass("ui-corner-left")\r
   \r
   $('#pettanr-panel-submit').focusin ->\r
     refresh_attribute()\r

diff --git a/app/views/panels/_form.html.erb b/app/views/panels/_form.html.erb
index a642258..53d610f 100644 (file)
--- a/app/views/panels/_form.html.erb
+++ b/app/views/panels/_form.html.erb
@@ -237,6 +237,41 @@
 .ui-slider-horizontal {
        height: 0.6em;
 }
+#elements-tabs {
+    width: 50em;
+    font-size: 12px;
+}
+.ui-tabs-vertical {
+    width: 55em;
+}
+.ui-tabs-vertical .ui-tabs-nav {
+    padding: .2em .1em .2em .2em;
+    float: left; width: 12em;
+}
+.ui-tabs-vertical .ui-tabs-nav li {
+    clear: left; width: 100%;
+    border-bottom-width: 1px !important;
+    border-right-width: 0 !important;
+    margin: 0 -1px 0.2em 0;
+}
+.ui-tabs-vertical .ui-tabs-nav li a {
+    display:block;
+    width: 10em;
+}
+.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
+    padding-bottom: 0;
+    padding-right: .1em;
+    border-right-width: 1px;
+    border-right-width: 1px;
+}
+.ui-tabs-vertical .ui-tabs-panel {
+    padding: 1em;
+    float: right;
+    width: 35em;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active {
+    margin-bottom: 0.2em;
+}
 -->
 </style>
 <script>