Fix responsiveness of upload page

This commit is contained in:
Duncan Sommerville 2015-09-03 15:51:09 -04:00
parent 83cd51de92
commit 53b835715a
4 changed files with 11 additions and 6 deletions

View file

@ -26,6 +26,7 @@ class PluploadController extends Zend_Controller_Action
$this->view->headLink()->appendStylesheet($baseUrl.'css/plupload.queue.css?'.$CC_CONFIG['airtime_version']);
$this->view->headLink()->appendStylesheet($baseUrl.'css/addmedia.css?'.$CC_CONFIG['airtime_version']);
$this->view->headLink()->appendStylesheet($baseUrl.'css/dashboard.css?'.$CC_CONFIG['airtime_version']);
$this->view->quotaLimitReached = false;
if (Application_Model_Systemstatus::isDiskOverQuota()) {

View file

@ -18,7 +18,7 @@
<div id="plupload_files"></div>
</form>
-->
<div id="upload_form" class="lib-content ui-widget ui-widget-content block-shadow padded wide-panel <?php if ($this->quotaLimitReached) { ?> hidden <?php } ?>">
<div id="upload_form" class="lib-content ui-widget ui-widget-content block-shadow padded content-pane wide-panel<?php if ($this->quotaLimitReached) { ?> hidden <?php } ?>">
<?php
$partitions = Application_Model_Systemstatus::GetDiskInfo();
$status = new StdClass;
@ -58,7 +58,7 @@
<table></table>
</div>
<div id="recent_uploads_wrapper" class="lib-content ui-widget ui-widget-content block-shadow wide-panel">
<div id="recent_uploads_wrapper" class="lib-content ui-widget ui-widget-content block-shadow content-pane wide-panel">
<div id="recent_uploads" class="outer-datatable-wrapper padded">
<div id="recent_uploads_filter">
<form>

View file

@ -288,7 +288,12 @@ table#recent_uploads_table td
}
#upload_wrapper {
height: 100%;
/* height: 100%; */
position: absolute;
top: 8px;
bottom: 8px;
left: 8px;
right: 8px;
display: -webkit-box;
display: -moz-box;
@ -296,8 +301,7 @@ table#recent_uploads_table td
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column;
flex-flow: column;
}
flex-flow: column;}
.dropzone, .dropzone * {
box-sizing: border-box

View file

@ -3685,7 +3685,7 @@ button.btn-icon-text > i.icon-white {
margin-right: 10px;
height: 100%;
position:relative;
max-width: 50%;
/*max-width: 50%;*/
}
#sub-menu-wrapper {