Skip to content

Commit

Permalink
Responsive design for filesmanager / fileselement view that works wel…
Browse files Browse the repository at this point in the history
…l for all phone / tablets / large desktop screens
  • Loading branch information
ggppdk committed Nov 11, 2018
1 parent 8746cae commit 5aeef1d
Show file tree
Hide file tree
Showing 19 changed files with 1,064 additions and 720 deletions.
15 changes: 13 additions & 2 deletions admin/assets/css/flexicontentbackend.css
Expand Up @@ -1358,8 +1358,11 @@ div.fc-inherited-value {
left: 30px;
overflow: auto;
}
.ui-dialog.fc-fixed-dialog {
z-index: 2050;
body .ui-dialog.fc-fixed-dialog {
z-index: 10051 !important;
}
body .ui-dialog.fc-fixed-dialog + .ui-widget-overlay {
z-index: 10050 !important;
}
.ui-dialog.fc-fixed-dialog.fc-no-scroll {
overflow: hidden;
Expand All @@ -1373,6 +1376,14 @@ body > #system-message-container {
body > #system-message-container .alert {
margin: 0;
}
body .fc_loading_box {
border: gray;
box-shadow: inset 0px 0px 5px #777;
border-radius: 4px;
padding-right: 12px;
padding-top: 8px;
padding-bottom: 8px;
}
.com_flexicontent .ui-autocomplete-loading {
background: #eee url('../images/ajax-loader.gif') no-repeat 96% center;
}
Expand Down
15 changes: 13 additions & 2 deletions admin/assets/css/flexicontentbackend_rtl.css
Expand Up @@ -1363,8 +1363,11 @@ div.fc-inherited-value {
right: 30px;
overflow: auto;
}
.ui-dialog.fc-fixed-dialog {
z-index: 2050;
body .ui-dialog.fc-fixed-dialog {
z-index: 10051 !important;
}
body .ui-dialog.fc-fixed-dialog + .ui-widget-overlay {
z-index: 10050 !important;
}
.ui-dialog.fc-fixed-dialog.fc-no-scroll {
overflow: hidden;
Expand All @@ -1378,6 +1381,14 @@ body > #system-message-container {
body > #system-message-container .alert {
margin: 0;
}
body .fc_loading_box {
border: gray;
box-shadow: inset 0px 0px 5px #777;
border-radius: 4px;
padding-right: 12px;
padding-top: 8px;
padding-bottom: 8px;
}
.com_flexicontent .ui-autocomplete-loading {
background: #eee url('../images/ajax-loader.gif') no-repeat 4% center;
}
Expand Down
4 changes: 2 additions & 2 deletions admin/helpers/html/fcbase.php
Expand Up @@ -230,12 +230,12 @@ public static function edit_link($row, $i, $canEdit, $config = array())
: $row->{static::$title_propname};

// Limit title length
$title_cut = StringHelper::strlen($title) > 100
$row->title_cut = StringHelper::strlen($title) > 100
? htmlspecialchars(StringHelper::substr($title, 100), ENT_QUOTES, 'UTF-8') . '...'
: htmlspecialchars($title, ENT_QUOTES, 'UTF-8');

// Escape & translate
$title_escaped = htmlspecialchars($title_cut, ENT_QUOTES, 'UTF-8');
$title_escaped = htmlspecialchars($row->title_cut, ENT_QUOTES, 'UTF-8');
$title_untranslated = $title !== $row->{static::$title_propname} ? '<br/><small>[ ' . $title_escaped . ' ]</small>' : '';

// Display title with no edit link ... if row is not-editable for any reason (no ACL or checked-out by other user)
Expand Down
2 changes: 1 addition & 1 deletion admin/language/en-GB/en-GB.com_flexicontent.ini
Expand Up @@ -487,7 +487,7 @@ FLEXI_SERVER_UPLOAD_MAX_LIMIT_DESC="Server PHP configuration variable '%s' is li
FLEXI_FILE_NOT_FOUND="File not found"
FLEXI_FILTER_BY_ITEM="Filter by item"
FLEXI_TOGGLE_BASIC_UPLOADER="Toggle basic uploader"
FLEXI_TOGGLE_BASIC_UPLOADER_DESC="In case you face some issues using the upload manager,<br> please try using the basic uploader"
FLEXI_TOGGLE_BASIC_UPLOADER_DESC="Use basic uploader if you have troubles with the advanced uploader"
FLEXI_NOT_AN_IMAGE_FILE="Not an image file, <br/>or file is corrupted"

; Statistics screen
Expand Down
164 changes: 99 additions & 65 deletions admin/views/filemanager/tmpl/default.php

Large diffs are not rendered by default.

3 changes: 2 additions & 1 deletion admin/views/filemanager/view.html.php
Expand Up @@ -733,7 +733,8 @@ function setToolbar()
{
JToolbarHelper::editList($contrl.'edit');
}
JToolbarHelper::deleteList(JText::_('FLEXI_ARE_YOU_SURE'), 'filemanager.remove');

//JToolbarHelper::deleteList(JText::_('FLEXI_ARE_YOU_SURE'), 'filemanager.remove');

/**
* Maintenance button (Check-in, Verify Tag mappings, Assignments + Record)
Expand Down
2 changes: 1 addition & 1 deletion plugins/flexicontent_fields/image/image.php
Expand Up @@ -740,7 +740,7 @@ function fcfield_FileUploaded_".$field->id."(uploader, file, result)
$select_existing = '';
$pick_existing = '';
$addExistingURL = sprintf($filesElementURL, $elementid_n);
$addExistingURL_onclick = "fcfield_image.dialog_handle['".$field_name_js."'] = fc_field_dialog_handle_".$field->id." = fc_showDialog(jQuery(this).attr('data-href'), 'fc_modal_popup_container', 0, 0, 0, 0, {title: '".JText::_('FLEXI_SELECT_IMAGE', true)."'});";
$addExistingURL_onclick = "fcfield_image.dialog_handle['".$field_name_js."'] = fc_field_dialog_handle_".$field->id." = fc_showDialog(jQuery(this).attr('data-href'), 'fc_modal_popup_container', 0, 0, 0, 0, {title: '".JText::_('FLEXI_SELECT_IMAGE', true)."', paddingW: 10, paddingH: 16});";

if ( $image_source >= 0 )
{
Expand Down
434 changes: 243 additions & 191 deletions site/assets/css/flexi_file_fields.css

Large diffs are not rendered by default.

434 changes: 243 additions & 191 deletions site/assets/css/flexi_form_fields.css

Large diffs are not rendered by default.

15 changes: 13 additions & 2 deletions site/assets/css/flexi_shared.css
Expand Up @@ -15,8 +15,11 @@ div.fc-inherited-value {
left: 30px;
overflow: auto;
}
.ui-dialog.fc-fixed-dialog {
z-index: 2050;
body .ui-dialog.fc-fixed-dialog {
z-index: 10051 !important;
}
body .ui-dialog.fc-fixed-dialog + .ui-widget-overlay {
z-index: 10050 !important;
}
.ui-dialog.fc-fixed-dialog.fc-no-scroll {
overflow: hidden;
Expand All @@ -30,6 +33,14 @@ body > #system-message-container {
body > #system-message-container .alert {
margin: 0;
}
body .fc_loading_box {
border: gray;
box-shadow: inset 0px 0px 5px #777;
border-radius: 4px;
padding-right: 12px;
padding-top: 8px;
padding-bottom: 8px;
}
.com_flexicontent .ui-autocomplete-loading {
background: #eee url('../images/ajax-loader.gif') no-repeat 96% center;
}
Expand Down
15 changes: 13 additions & 2 deletions site/assets/css/flexi_shared_rtl.css
Expand Up @@ -15,8 +15,11 @@ div.fc-inherited-value {
right: 30px;
overflow: auto;
}
.ui-dialog.fc-fixed-dialog {
z-index: 2050;
body .ui-dialog.fc-fixed-dialog {
z-index: 10051 !important;
}
body .ui-dialog.fc-fixed-dialog + .ui-widget-overlay {
z-index: 10050 !important;
}
.ui-dialog.fc-fixed-dialog.fc-no-scroll {
overflow: hidden;
Expand All @@ -30,6 +33,14 @@ body > #system-message-container {
body > #system-message-container .alert {
margin: 0;
}
body .fc_loading_box {
border: gray;
box-shadow: inset 0px 0px 5px #777;
border-radius: 4px;
padding-right: 12px;
padding-top: 8px;
padding-bottom: 8px;
}
.com_flexicontent .ui-autocomplete-loading {
background: #eee url('../images/ajax-loader.gif') no-repeat 4% center;
}
Expand Down
15 changes: 13 additions & 2 deletions site/assets/css/flexicontent.css
Expand Up @@ -1358,8 +1358,11 @@ div.fc-inherited-value {
left: 30px;
overflow: auto;
}
.ui-dialog.fc-fixed-dialog {
z-index: 2050;
body .ui-dialog.fc-fixed-dialog {
z-index: 10051 !important;
}
body .ui-dialog.fc-fixed-dialog + .ui-widget-overlay {
z-index: 10050 !important;
}
.ui-dialog.fc-fixed-dialog.fc-no-scroll {
overflow: hidden;
Expand All @@ -1373,6 +1376,14 @@ body > #system-message-container {
body > #system-message-container .alert {
margin: 0;
}
body .fc_loading_box {
border: gray;
box-shadow: inset 0px 0px 5px #777;
border-radius: 4px;
padding-right: 12px;
padding-top: 8px;
padding-bottom: 8px;
}
.com_flexicontent .ui-autocomplete-loading {
background: #eee url('../images/ajax-loader.gif') no-repeat 96% center;
}
Expand Down
15 changes: 13 additions & 2 deletions site/assets/css/flexicontent_rtl.css
Expand Up @@ -1363,8 +1363,11 @@ div.fc-inherited-value {
right: 30px;
overflow: auto;
}
.ui-dialog.fc-fixed-dialog {
z-index: 2050;
body .ui-dialog.fc-fixed-dialog {
z-index: 10051 !important;
}
body .ui-dialog.fc-fixed-dialog + .ui-widget-overlay {
z-index: 10050 !important;
}
.ui-dialog.fc-fixed-dialog.fc-no-scroll {
overflow: hidden;
Expand All @@ -1378,6 +1381,14 @@ body > #system-message-container {
body > #system-message-container .alert {
margin: 0;
}
body .fc_loading_box {
border: gray;
box-shadow: inset 0px 0px 5px #777;
border-radius: 4px;
padding-right: 12px;
padding-top: 8px;
padding-bottom: 8px;
}
.com_flexicontent .ui-autocomplete-loading {
background: #eee url('../images/ajax-loader.gif') no-repeat 4% center;
}
Expand Down

0 comments on commit 5aeef1d

Please sign in to comment.