SuiteCRM/SuiteCRM-Core
2
0
Fork 0
mirror of https://github.com/SuiteCRM/SuiteCRM-Core.git synced 2025-09-05 10:18:33 +08:00
Code Issues Projects Packages Activity Actions

[Legacy] Inbound Email Mobile Styling Fixes

Browse source
This commit is contained in:
balumahendran 2022-04-20 14:04:02 +05:30 • committed by Clemente Raposo
parent 2feffbadab
commit 91db98eed0
5 changed files with 319 additions and 167 deletions
Download patch file Download diff file Expand all files Collapse all files

320
public/legacy/modules/InboundEmail/EditView.html
View file

@ -71,8 +71,8 @@
<div class="inbound-emailbtn">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="right" width="20%" NOWRAP style="padding-right: 1em;"><span class="required">{APP.LBL_REQUIRED_SYMBOL}</span> {APP.NTC_REQUIRED}</td>
<td>
<td class="mandatory"align="right" width="20%" NOWRAP style="padding-right: 1em;"><span class="required">{APP.LBL_REQUIRED_SYMBOL}</span> {APP.NTC_REQUIRED}</td>
<td class="action-btn">
<input title="{APP.LBL_SAVE_BUTTON_TITLE}" accessKey="{APP.LBL_SAVE_BUTTON_KEY}" class="button" onclick="this.form.action.value='Save'; {CHOOSER_SCRIPT} this.form.return_id.value='{RETURN_ID}'; return checkformdata()" type="submit" name="button" id="button" value=" {APP.LBL_SAVE_BUTTON_LABEL} " {IE_DISABLED}>
<input title="{APP.LBL_CANCEL_BUTTON_TITLE}" accessKey="{APP.LBL_CANCEL_BUTTON_KEY}" class="button" id="emailCancel" onclick="this.form.action.value='{RETURN_ACTION}'; this.form.module.value='{RETURN_MODULE}'; this.form.record.value='{RETURN_ID}'; if(this.form.record.value == '' && this.form.origin_id.value != '') this.form.record.value=this.form.origin_id.value;" type="submit" name="button" value=" {APP.LBL_CANCEL_BUTTON_LABEL} ">
<input title="{MOD.LBL_TEST_BUTTON_TITLE}"
@ -92,7 +92,7 @@
<th align="left" scope="row" colspan="4"><h4>{MOD.LBL_BASIC}</h4></th>
</tr>
<tr>
<td>&nbsp;</td>
<td class="mobile-hide">&nbsp;</td>
<td style="vertical-align:bottom;"><a href="javascript:void(0);" id="prefill_gmail_defaults_link" onclick="javascript:prefillGmailDefaults();">{APP.LBL_EMAIL_ACCOUNTS_GMAIL_DEFAULTS}</a>&nbsp;</td>
</tr>
<tr>
@ -164,9 +164,9 @@
<input type="button" id="trashFolderButton" class="button" onclick='javascript:getFoldersListForInboundAccount("InboundEmail", "ShowInboundFoldersList", "Popup", 400, 300, this.form.server_url.value, this.form.protocol.value, this.form.port.value, this.form.email_user.value, Rot13.write(this.form.email_password.value), this.form.trashFolder.value, this.form.ssl.checked, this.form.personal.value, "trash", "EditView");' value="{MOD.LBL_SELECT}">
</tr>
<tr id="sentFolderRow">
<td valign="top" scope="row">
<td class="mobile-hide" valign="top" scope="row">
<span>&nbsp;</span></td>
<td valign="top" width="35%" class="border-right"><span>
<td class="mobile-hide" valign="top" width="35%" class="border-right"><span>
&nbsp;</span></td>
<td valign="top" scope="row" width="15%" NOWRAP>
<span>{MOD.LBL_SENT_FOLDER}:</span></td>
@ -179,161 +179,161 @@
</table>
</div>
<div class="edit view inboundemail">
<table width="100%" border="0" cellspacing="{GRIDLINE}" cellpadding="0">
<tr>
<th align="left" scope="row" colspan="4"><h4>{EMAIL_OPTIONS}</h4></th>
</tr>
<tr>
<td valign="top" scope="row" width="15%"></td>
<td valign="top" scope="row" width="35%"></td>
<td valign="top" scope="row">
<span>{MOD.LBL_FROM_NAME}:<span class="required">{APP.LBL_REQUIRED_SYMBOL}</span>&nbsp;</span></td>
<td valign="top" width="35%">
<span><input tabindex="300" name="from_name" id="from_name" value="{FROM_NAME}" {IE_DISABLED}>&nbsp;</span></td>
</tr>
<tr>
<td valign="top" scope="row" width="15%" NOWRAP>
<span><span style="{AUTO_IMPORT_STYLE}">{MOD.LBL_ENABLE_AUTO_IMPORT}:&nbsp;{TIPS.LBL_ASSIGN_TO_GROUP_FOLDER_DESC}</span></span>&nbsp;
</td>
<td valign="top" width="15%" NOWRAP>
<input class="checkboxmar"name='is_auto_import' style="{AUTO_IMPORT_STYLE}" id='is_auto_import' onclick="showWarningsIfChaningAutoImport();"tabindex='45' type='checkbox' {IS_AUTO_IMPORT}>
</td>
<td valign="top" scope="row" width="15%" NOWRAP>
<span>{MOD.LBL_FROM_ADDR}:<span class="required">{APP.LBL_REQUIRED_SYMBOL}</span>{TIPS.LBL_FROM_ADDR_DESC}</span></td>
<td valign="top" width="35%">
<span><input tabindex="310" name="from_addr" id="from_addr" value="{FROM_ADDR}" {IE_DISABLED}></span></td>
</tr>
<tr>
<td valign="top" scope="row">
<slot style="{MAILBOX_TYPE_STYLE}">{MOD.LBL_CREATE_CASE}:&nbsp;{TIPS.LBL_CREATE_CASE_HELP}</span></td>
<td valign="top" width="35%"><slot style="{MAILBOX_TYPE_STYLE}">
<input class="checkboxmar" name='is_create_case' id='is_create_case' onclick="showCreateCaseRow();"tabindex='45' type='checkbox' {IS_CREATE_CASE} {IE_DISABLED}></span></td>
<td valign="top" scope="row" width="15%" NOWRAP>
{MOD.LBL_REPLY_TO_NAME}:&nbsp;
</td>
<td valign="top" width="35%">
<input tabindex="320" name="reply_to_name" value="{REPLY_TO_NAME}" {IE_DISABLED}>
</td>
</tr>
<tr id="createCaseRow" style="{CREATE_CASE_ROW_STYLE}">
<td valign="top" scope="row">
<span>{MOD.LBL_DISTRIBUTION_METHOD}:&nbsp;</span></td>
<td valign="top" width="35%"><span>
<select id='distrib_method' name='distrib_method' tabindex='241'>{DISTRIBUTION_METHOD}</select>&nbsp;&nbsp;
<span id="distribution_user">
<input type="text" name="distribution_user_name" class="sqsEnabled" tabindex="0" id="distribution_user_name" size="" value="{distribution_user_name}" title='' autocomplete="off" >
<input type="hidden" name="distribution_user_id" id="distribution_user_id" value="{distribution_user_id}">
<span class="id-ff multiple">
<button type="button" name="btn_distribution_user_name" id="btn_distribution_user_name" tabindex="0" title="Select User" class="button firstChild" value="Select User"
onclick='open_popup(
"Users",
600,
400,
"",
true,
false,
{"call_back_function":"set_return","form_name":"EditView","field_to_name_array":{"id":"distribution_user_id","last_name":"distribution_user_name"}},
"single",
true
);' >
<span class="suitepicon suitepicon-action-select"></span></button><button type="button" name="btn_clr_distribution_user_name" id="btn_clr_distribution_user_name" tabindex="0" title="Clear User" class="button lastChild"
onclick="SUGAR.clearRelateField(this.form, 'distribution_user_name', 'distribution_user_id');" value="Clear User" ><span class="suitepicon suitepicon-action-clear"></span></button>
</span>
<script type="text/javascript">
if(typeof sqs_objects == 'undefined'){
var sqs_objects = new Array;
}
sqs_objects['EditView_distribution_user_name']={
"form":"EditView",
"method":"get_user_array",
"field_list":["user_name","id"],
"populate_list":["distribution_user_name","distribution_user_id"],
"required_list":["distribution_user_id"],
"conditions":[{"name":"user_name","op":"like_custom","end":"%","value":""}],
"limit":"30",
"no_match_text":"No Match"};
SUGAR.util.doWhen(
"typeof(sqs_objects) != 'undefined' && typeof(sqs_objects['EditView_distribution_user_name']) != 'undefined'",
enableQS
);
</script>
</span>
&nbsp;&nbsp;
{DISTRIBUTION_OPTIONS}</span></td>
<td valign="top" scope="row">
<span>&nbsp;</span></td>
<td valign="top" width="35%"><span>
&nbsp;</span></td>
</tr>
<tr id="createCaseRow1" style="{CREATE_CASE_ROW_STYLE}">
<td valign="top" scope="row" width="15%" NOWRAP >
<span>{MOD.LBL_CREATE_CASE_REPLY_TEMPLATE}:&nbsp;{TIPS.LBL_CREATE_CASE_REPLY_TEMPLATE_HELP}</span></td>
<td colspan="3" valign="top" width="35%">
<span>
<select tabindex='330' id="create_case_template_id" name='create_case_template_id' onchange="show_edit_template_link(this, 'create_case_edit_template');" {IE_DISABLED}>{CREATE_CASE_EMAIL_TEMPLATE_OPTIONS}</select>
<input type="button" class="button" onclick="javascript:open_email_template_form('create_case_template_id')" value="{MOD.LBL_CREATE_TEMPLATE}" {IE_DISABLED}>
<input type="button" class="button" name='create_case_edit_template' id='create_case_edit_template' style="{CREATE_CASE_EDIT_TEMPLATE}" onclick="javascript:edit_email_template_form('create_case_template_id')" value="{MOD.LBL_EDIT_TEMPLATE}">
</span>
</td>
</tr>
<tr>
<td valign="top" scope="row">
<span>&nbsp;</span></td>
<td valign="top" width="35%"><span>
&nbsp;</span></td>
<td valign="top" scope="row" width="15%" NOWRAP>
{MOD.LBL_REPLY_TO_ADDR}:&nbsp;
</td>
<td valign="top" width="35%">
<input tabindex="340" name="reply_to_addr" value="{REPLY_TO_ADDR}" {IE_DISABLED}>&nbsp;
</td>
</tr>
<tr style="MAILBOX_TYPE_STYLE">
<td valign="top" scope="row">
<span>&nbsp;</span></td>
<td valign="top" width="35%"><span>
&nbsp;</span></td>
<td valign="top" scope="row" width="15%" >
<slot style="{MAILBOX_TYPE_STYLE}">{MOD.LBL_ALLOW_OUTBOUND_GROUP_USAGE}:&nbsp;{TIPS.LBL_ALLOW_OUTBOUND_GROUP_USAGE_DESC}</span>
</td>
<td valign="top" width="35%">
<slot style="{MAILBOX_TYPE_STYLE}"><input name='allow_outbound_group_usage' id='allow_outbound_group_usage' tabindex='45' value='1' type='checkbox' {ALLOW_OUTBOUND_USAGE} ></span>
</td>
</tr>
<tr>
<td valign="top" scope="row" width="15%" NOWRAP>
<slot style="{CREATE_GROUP_FOLDER_STYLE}">{MOD.LBL_AUTOREPLY}:&nbsp;{TIPS.LBL_AUTOREPLY_HELP}</span></td>
<td colspan="3" valign="top" width="35%">
<slot style="{CREATE_GROUP_FOLDER_STYLE}">
<select tabindex='251' id="template_id" name='template_id' onchange="show_edit_template_link(this, 'edit_template');" {IE_DISABLED}>{EMAIL_TEMPLATE_OPTIONS}</select>
<input type="button" class="button" onclick="javascript:open_email_template_form('template_id')" value="{MOD.LBL_CREATE_TEMPLATE}" {IE_DISABLED}>
<input type="button" value="{MOD.LBL_EDIT_TEMPLATE}" class="button" onclick="javascript:edit_email_template_form('template_id')" name='edit_template' id='edit_template' style="{EDIT_TEMPLATE}">
</span>
</td>
</tr>
<tr>
<td valign="top" scope="row" width="18%" NOWRAP>
<slot style="{CREATE_GROUP_FOLDER_STYLE}">{MOD.LBL_FILTER_DOMAIN}:&nbsp;{TIPS.LBL_FILTER_DOMAIN_DESC}</span></td>
<td valign="top" width="35%">
<slot style="{CREATE_GROUP_FOLDER_STYLE}"><input tabindex="270" name="filter_domain" value="{FILTER_DOMAIN}" {IE_DISABLED}></span></td>
<td valign="top" scope="row">
<span><span style="{CREATE_GROUP_FOLDER_STYLE}">{MOD.LBL_MAX_AUTO_REPLIES}:&nbsp;{TIPS.LBL_MAX_AUTO_REPLIES_DESC}</span></span></td>
<td valign="top" width="35%">
<span><input tabindex="271" style="{CREATE_GROUP_FOLDER_STYLE}" name="email_num_autoreplies_24_hours" value="{EMAIL_NUM_AUTOREPLIES_24_HOURS}"></span></td>
</tr>
<tr id = "leaveMessagesOnMailServerRow" style="{LEAVEMESSAGESONMAILSERVER_STYLE}">
<td valign="top" scope="row" width='20%'>
<span>{MOD.LBL_MARK_READ}:</span></td>
<td valign="top" width='30%'>
<select name='leaveMessagesOnMailServer' tabindex='253'>{LEAVEMESSAGESONMAILSERVER}</select></td>
<td valign="top" scope="row">
<span>&nbsp;</span></td>
<td valign="top" width="35%"><span>
&nbsp;</span></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="{GRIDLINE}" cellpadding="0">
<tr>
<th align="left" scope="row" colspan="4"><h4>{EMAIL_OPTIONS}</h4></th>
</tr>
<tr>
<td class="mobile-hide" valign="top" scope="row" width="15%"></td>
<td class="mobile-hide" valign="top" scope="row" width="35%"></td>
<td valign="top" scope="row">
<span>{MOD.LBL_FROM_NAME}:<span class="required">{APP.LBL_REQUIRED_SYMBOL}</span>&nbsp;</span></td>
<td valign="top" width="35%">
<span><input tabindex="300" name="from_name" id="from_name" value="{FROM_NAME}" {IE_DISABLED}>&nbsp;</span></td>
</tr>
<tr>
<td valign="top" scope="row" width="15%" NOWRAP>
<span><span style="{AUTO_IMPORT_STYLE}">{MOD.LBL_ENABLE_AUTO_IMPORT}:&nbsp;{TIPS.LBL_ASSIGN_TO_GROUP_FOLDER_DESC}</span></span>&nbsp;
</td>
<td valign="top" width="15%">
<input class="checkboxmar"name='is_auto_import' style="{AUTO_IMPORT_STYLE}" id='is_auto_import' onclick="showWarningsIfChaningAutoImport();"tabindex='45' type='checkbox' {IS_AUTO_IMPORT}>
</td>
<td valign="top" scope="row" width="15%" NOWRAP>
<span>{MOD.LBL_FROM_ADDR}:<span class="required">{APP.LBL_REQUIRED_SYMBOL}</span>{TIPS.LBL_FROM_ADDR_DESC}</span></td>
<td valign="top" width="35%">
<span><input tabindex="310" name="from_addr" id="from_addr" value="{FROM_ADDR}" {IE_DISABLED}></span></td>
</tr>
<tr>
<td valign="top" scope="row">
<slot style="{MAILBOX_TYPE_STYLE}">{MOD.LBL_CREATE_CASE}:&nbsp;{TIPS.LBL_CREATE_CASE_HELP}</span></td>
<td valign="top" width="35%"><slot style="{MAILBOX_TYPE_STYLE}">
<input class="checkboxmar" name='is_create_case' id='is_create_case' onclick="showCreateCaseRow();"tabindex='45' type='checkbox' {IS_CREATE_CASE} {IE_DISABLED}></span></td>
<td valign="top" scope="row" width="15%" NOWRAP>
{MOD.LBL_REPLY_TO_NAME}:&nbsp;
</td>
<td valign="top" width="35%">
<input tabindex="320" name="reply_to_name" value="{REPLY_TO_NAME}" {IE_DISABLED}>
</td>
</tr>
<tr id="createCaseRow" style="{CREATE_CASE_ROW_STYLE}">
<td valign="top" scope="row">
<span>{MOD.LBL_DISTRIBUTION_METHOD}:&nbsp;</span></td>
<td valign="top" width="35%"><span>
<select id='distrib_method' name='distrib_method' tabindex='241'>{DISTRIBUTION_METHOD}</select>
<span id="distribution_user">
<input type="text" name="distribution_user_name" class="sqsEnabled" tabindex="0" id="distribution_user_name" size="" value="{distribution_user_name}" title='' autocomplete="off" >
<input type="hidden" name="distribution_user_id" id="distribution_user_id" value="{distribution_user_id}">
<span class="id-ff multiple">
<button type="button" name="btn_distribution_user_name" id="btn_distribution_user_name" tabindex="0" title="Select User" class="button firstChild" value="Select User"
onclick='open_popup(
"Users",
600,
400,
"",
true,
false,
{"call_back_function":"set_return","form_name":"EditView","field_to_name_array":{"id":"distribution_user_id","last_name":"distribution_user_name"}},
"single",
true
);' >
<span class="suitepicon suitepicon-action-select"></span></button><button type="button" name="btn_clr_distribution_user_name" id="btn_clr_distribution_user_name" tabindex="0" title="Clear User" class="button lastChild"
onclick="SUGAR.clearRelateField(this.form, 'distribution_user_name', 'distribution_user_id');" value="Clear User" ><span class="suitepicon suitepicon-action-clear"></span></button>
</span>
<script type="text/javascript">
if(typeof sqs_objects == 'undefined'){
var sqs_objects = new Array;
}
sqs_objects['EditView_distribution_user_name']={
"form":"EditView",
"method":"get_user_array",
"field_list":["user_name","id"],
"populate_list":["distribution_user_name","distribution_user_id"],
"required_list":["distribution_user_id"],
"conditions":[{"name":"user_name","op":"like_custom","end":"%","value":""}],
"limit":"30",
"no_match_text":"No Match"};
SUGAR.util.doWhen(
"typeof(sqs_objects) != 'undefined' && typeof(sqs_objects['EditView_distribution_user_name']) != 'undefined'",
enableQS
);
</script>
</span>
&nbsp;&nbsp;
{DISTRIBUTION_OPTIONS}</span></td>
<td class="mobile-hide" valign="top" scope="row">
<span>&nbsp;</span></td>
<td class="mobile-hide" valign="top" width="35%"><span>
&nbsp;</span></td>
</tr>
<tr id="createCaseRow1" style="{CREATE_CASE_ROW_STYLE}">
<td valign="top" scope="row" width="15%" NOWRAP >
<span>{MOD.LBL_CREATE_CASE_REPLY_TEMPLATE}:&nbsp;{TIPS.LBL_CREATE_CASE_REPLY_TEMPLATE_HELP}</span></td>
<td colspan="3" valign="top" width="35%">
<span>
<select tabindex='330' id="create_case_template_id" name='create_case_template_id' onchange="show_edit_template_link(this, 'create_case_edit_template');" {IE_DISABLED}>{CREATE_CASE_EMAIL_TEMPLATE_OPTIONS}</select>
<input type="button" class="button" onclick="javascript:open_email_template_form('create_case_template_id')" value="{MOD.LBL_CREATE_TEMPLATE}" {IE_DISABLED}>
<input type="button" class="button" name='create_case_edit_template' id='create_case_edit_template' style="{CREATE_CASE_EDIT_TEMPLATE}" onclick="javascript:edit_email_template_form('create_case_template_id')" value="{MOD.LBL_EDIT_TEMPLATE}">
</span>
</td>
</tr>
<tr>
<td class="mobile-hide" valign="top" scope="row">
<span>&nbsp;</span></td>
<td class="mobile-hide" valign="top" width="35%"><span>
&nbsp;</span></td>
<td valign="top" scope="row" width="15%" NOWRAP>
{MOD.LBL_REPLY_TO_ADDR}:&nbsp;
</td>
<td valign="top" width="35%">
<input tabindex="340" name="reply_to_addr" value="{REPLY_TO_ADDR}" {IE_DISABLED}>&nbsp;
</td>
</tr>
<tr style="MAILBOX_TYPE_STYLE">
<td class="mobile-hide" valign="top" scope="row">
<span>&nbsp;</span></td>
<td class="mobile-hide" valign="top" width="35%"><span>
&nbsp;</span></td>
<td valign="top" scope="row" width="15%" >
<slot style="{MAILBOX_TYPE_STYLE}">{MOD.LBL_ALLOW_OUTBOUND_GROUP_USAGE}:&nbsp;{TIPS.LBL_ALLOW_OUTBOUND_GROUP_USAGE_DESC}</span>
</td>
<td valign="top" width="35%">
<slot style="{MAILBOX_TYPE_STYLE}"><input name='allow_outbound_group_usage' id='allow_outbound_group_usage' tabindex='45' value='1' type='checkbox' {ALLOW_OUTBOUND_USAGE} ></span>
</td>
</tr>
<tr>
<td valign="top" scope="row" width="15%" NOWRAP>
<slot style="{CREATE_GROUP_FOLDER_STYLE}">{MOD.LBL_AUTOREPLY}:&nbsp;{TIPS.LBL_AUTOREPLY_HELP}</span></td>
<td colspan="3" valign="top" width="35%">
<slot style="{CREATE_GROUP_FOLDER_STYLE}">
<select tabindex='251' id="template_id" name='template_id' onchange="show_edit_template_link(this, 'edit_template');" {IE_DISABLED}>{EMAIL_TEMPLATE_OPTIONS}</select>
<input type="button" class="button" onclick="javascript:open_email_template_form('template_id')" value="{MOD.LBL_CREATE_TEMPLATE}" {IE_DISABLED}>
<input type="button" value="{MOD.LBL_EDIT_TEMPLATE}" class="button" onclick="javascript:edit_email_template_form('template_id')" name='edit_template' id='edit_template' style="{EDIT_TEMPLATE}">
</span>
</td>
</tr>
<tr>
<td valign="top" scope="row" width="18%" NOWRAP>
<slot style="{CREATE_GROUP_FOLDER_STYLE}">{MOD.LBL_FILTER_DOMAIN}:&nbsp;{TIPS.LBL_FILTER_DOMAIN_DESC}</span></td>
<td valign="top" width="35%">
<slot style="{CREATE_GROUP_FOLDER_STYLE}"><input tabindex="270" name="filter_domain" value="{FILTER_DOMAIN}" {IE_DISABLED}></span></td>
<td valign="top" scope="row">
<span><span style="{CREATE_GROUP_FOLDER_STYLE}">{MOD.LBL_MAX_AUTO_REPLIES}:&nbsp;{TIPS.LBL_MAX_AUTO_REPLIES_DESC}</span></span></td>
<td valign="top" width="35%">
<span><input tabindex="271" style="{CREATE_GROUP_FOLDER_STYLE}" name="email_num_autoreplies_24_hours" value="{EMAIL_NUM_AUTOREPLIES_24_HOURS}"></span></td>
</tr>
<tr id = "leaveMessagesOnMailServerRow" style="{LEAVEMESSAGESONMAILSERVER_STYLE}">
<td valign="top" scope="row" width='20%'>
<span>{MOD.LBL_MARK_READ}:</span></td>
<td valign="top" width='30%'>
<select name='leaveMessagesOnMailServer' tabindex='253'>{LEAVEMESSAGESONMAILSERVER}</select></td>
<td class="mobile-hide" valign="top" scope="row">
<span>&nbsp;</span></td>
<td class="mobile-hide" valign="top" width="35%"><span>
&nbsp;</span></td>
</tr>
</table>
</div>

1
public/legacy/themes/suite8/css/Dawn/style.scss
View file

@ -192,4 +192,5 @@
@import '../suitep-base/outboundemail-mobile.scss';
@import '../suitep-base/importvcard.scss';
@import '../suitep-base/campaign-mobile.scss';
@import '../suitep-base/inboundemail-mobile.scss';
//

3
public/legacy/themes/suite8/css/suitep-base/editview.scss
View file

@ -5525,17 +5525,14 @@ div.content div.pagecontent form#EditView div.edit.view table tbody tr td span i
}
div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type="button"]#subscribeFolderButton.button {
width: 18%;
min-width: 71px;
}
div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type="button"]#trashFolderButton.button {
width: 18%;
min-width: 71px;
}
div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type="button"]#sentFolderButton.button {
width: 18%;
min-width: 71px;
}

29
public/legacy/themes/suite8/css/suitep-base/inbound-email.scss
View file

@ -2,10 +2,23 @@
div.content div.pagecontent form#EditView div.edit.view.inboundemail table tbody tr td {
padding: 0.3em 0.8em 1em 2em;
@media (min-width:767px) and (max-width:1070px) {
display: block;
width: 100%;
border-right: none;
.view-module-InboundEmail {
.mobile-hide {
display: none;
}
}
}
input[type="text"] {
width: 99%;
}
}
div.content div.pagecontent form#EditView div.edit.view.inboundemail table tbody tr td select {
border: 1px solid $bright-grey;
border: 1px solid $bright-grey;
}
div.inboundemail {
@ -42,19 +55,22 @@ div.inboundemail {
.header-inbound-title {
margin-bottom: 0.5em;
font-size: 1.8em;
text-transform: capitalize;
border-bottom: 1px solid $border-bottom-lightgrey;
}
.inbound-emailbtn {
margin-bottom: 1em;
position: absolute;
right: 0;
top: 6.2rem;
margin-top: -4em;
display: flex;
}
/* Inbound List View table */
div#inboundlistview {
div#inboundlistview {
border-top: 1px solid lightgrey;
padding-top: 1em;
#selectLink > li > label {
@ -65,7 +81,7 @@ div#inboundlistview {
margin-left: 0.5em;
}
}
.inbound-email {
.inbound-email {
tr td.inline-email-td {
svg {
vertical-align: middle;
@ -137,3 +153,8 @@ table.inboundmacro {
}
}
.view-module-InboundEmail {
#distrib_method {
margin-bottom: 1em;
}
}

133
public/legacy/themes/suite8/css/suitep-base/inboundemail-mobile.scss Normal file
View file

@ -0,0 +1,133 @@
@media (max-width: 768px) {
.view-module-InboundEmail {
.header-inbound-title {
margin-bottom: 2.5em;
}
.inbound-emailbtn {
.mandatory {
position: absolute;
top: -2.5em;
right: 6em;
font-size: 12px;
}
}
.inboundemail {
th {
h4 {
border-bottom: 1px solid $border-bottom-lightgrey !important;
padding-bottom: 0.8em;
}
}
input:not([type]) {
width: 100%;
}
input[name="email_num_autoreplies_24_hours"] {
width: 100% !important;
}
input[type="text"] {
width: 100% !important;
}
input[type="password"] {
width: 100% !important;
}
input[name="reply_to_name"],input[name="reply_to_addr"],
input[name="from_addr"],input[name="from_name"] {
width: 100% !important;
}
slot {
line-height: normal;
}
table {
padding-bottom: 1.5em;
tr {
td {
span {
input[type="text"] {
width: 100%;
}
width: 100% !important;
}
select {
min-width: 99%;
}
}
}
}
h4 {
margin-top: 0;
padding-left: 0;
padding-bottom: 0;
}
#subscribeFolderButton,#trashFolderButton,#sentFolderButton {
margin-top: 1em;
margin-left: 0;
}
#create_case_template_id {
margin-bottom: 0.8em;
}
#template_id {
margin-bottom: 0.8em;
}
}
.mobile-hide {
display: none;
}
}
div.content div.pagecontent form#EditView div.edit.view.inboundemail table tbody tr td {
padding: 0.3em 0.8em 0.5em 0.5em;
border: none;
line-height: 2em;
clear: both;
height: initial;
width: 100%;
}
div.content div.pagecontent form#EditView div.edit.view table tbody tr td span {
float: none;
display: inline;
}
}
@media (min-width:767px) and (max-width:1070px) {
.view-module-InboundEmail {
.mobile-hide {
display: none !important;
}
input[name="reply_to_name"],input[name="reply_to_addr"],
input[name="from_addr"],input[name="from_name"] {
width: 99% !important;
}
input[name="filter_domain"] {
width: 99%;
}
input[name="email_num_autoreplies_24_hours"] {
width: 99% !important;
}
input[name="email_password"] {
width: 99%;
}
input[name="mailbox"],input[name="trashFolder"],input[name="sentFolder"] {
width: 99% !important;
margin-bottom: 0.5em;
}
.checkboxmar {
margin-top:0;
}
input[name="port"] {
width: 99%;
}
select {
min-width: 99%;
}
}
}
@media (max-width: 750px) {
.view-module-InboundEmail {
div.inboundemail .checkboxmar {
margin-top: -2em;
}
.view {
overflow: hidden;
}
}
}