webui: modify box details

one/static/script/cloud.js

@@ -6,8 +6,12 @@ $(function() {
             $(this).next('.details').css('height', '0px');
             $(this).next('.details').css('height', '0px');
         } else {
         } else {
             $(this).parent('.entry').addClass('opened');
             $(this).parent('.entry').addClass('opened');
+            if ($(this).data('fallback') == 'slide') {
+                $(this).next('.details').css('height', 'auto');
+            } else {
                 $(this).next('.details').css('height',
                 $(this).next('.details').css('height',
-                $(this).next('.details').find('.details-container')[0].offsetHeight+15+'px');
+                $(this).next('.details').find('.details-container')[0].offsetHeight + 15 + 'px');
+            }
         }
         }
     }
     }
     $('a[href=#]').click(function(e) {
     $('a[href=#]').click(function(e) {

one/templates/box/file/box.html

@@ -105,7 +105,7 @@
             <div class="clear"></div>
             <div class="clear"></div>
         </div>
         </div>
         <div class="details">
         <div class="details">
-            <div class="container">
+            <div class="details-container">
                 <form style="padding-bottom: 10px" action="{% url one.views.key_add %}" method="POST">
                 <form style="padding-bottom: 10px" action="{% url one.views.key_add %}" method="POST">
                     {% csrf_token %}
                     {% csrf_token %}
                     <textarea style="margin-bottom: 5px" name="key" placeholder="{% trans "Public key in OpenSSH format" %}"></textarea><br />
                     <textarea style="margin-bottom: 5px" name="key" placeholder="{% trans "Public key in OpenSSH format" %}"></textarea><br />
@@ -129,6 +129,7 @@
             <div class="clear"></div>
             <div class="clear"></div>
         </div>
         </div>
         <div class="details">
         <div class="details">
+            <div class="details-container">
                 <div class="container">
                 <div class="container">
                     <div id="upload-zone" class="upload-zone">
                     <div id="upload-zone" class="upload-zone">
                         <p>{% trans "Drag and drop files here to start uploading." %}</p>
                         <p>{% trans "Drag and drop files here to start uploading." %}</p>
@@ -152,6 +153,7 @@
                     </div>
                     </div>
                 </div>
                 </div>
             </div>
             </div>
+        </div>
     </li>
     </li>
     <li class="entry small">
     <li class="entry small">
         <div class="summary">
         <div class="summary">