[Legacy] History Subpanel Mobile Styling Fixes

This commit is contained in:
balumahendran 2022-03-26 10:31:53 +05:30 committed by Clemente Raposo
parent e1358c9154
commit e4a49cb549
3 changed files with 43 additions and 5 deletions

View file

@ -56,17 +56,17 @@
<table width="100%" border="0" cellspacing="1" cellpadding="0" class="edit view">
<tr>
<td scope="row" align="right" valign="top" nowrap>{$MOD.LBL_ENABLE_HISTORY_CONTACTS_EMAILS}:</td>
<td scope="row" align="right" valign="top" nowrap class="border-label">{$MOD.LBL_ENABLE_HISTORY_CONTACTS_EMAILS}:</td>
<td colspan="4" width="95%" style='vertical-align:middle;'>
<table id="sugarfeed_modulelist" cellspacing=3 border=0>
{foreach name=feedModuleList from=$modules item=entry}
{if ($smarty.foreach.feedModuleList.index % 2)==0}<tr>{/if}
<tr>
<td scope="row" align="right">{$entry.label}:</td>
<td>
<input type="hidden" name="modules[{$entry.module}]" value="0">
<input type="checkbox" id="modules[{$entry.module}]" name="modules[{$entry.module}]" value="1" {if $entry.enabled==1}CHECKED{/if}>
</td>
<td class="mobile-checkbox">
<input type="hidden" name="modules[{$entry.module}]" value="0">
<input type="checkbox" id="modules[{$entry.module}]" name="modules[{$entry.module}]" value="1" {if $entry.enabled==1}CHECKED{/if}>
</td>
</tr>
{if ($i % 2)==1}</tr>{/if}
{/foreach}

View file

@ -177,4 +177,5 @@
@import '../suitep-base/search-settings.scss';
@import '../suitep-base/elastic-search-settings.scss';
@import '../suitep-base/sales-settings-mobile.scss';
@import '../suitep-base/history-subpanel-mobile.scss';
//

View file

@ -0,0 +1,37 @@
@media (max-width: 750px) {
.history-subpanel-config {
.mobile-checkbox {
padding-left: 1em;
}
.edit tr {
border: none;
}
.border-label {
border-bottom: 1px solid $border-bottom-lightgrey;
}
.view {
tr td[scope=row] {
white-space: normal;
line-height: 1;
padding-top: 0.5em;
}
}
.action-buttons {
margin-top: -3.3em;
}
}
}
@media (min-width:750px) and (max-width: 767px) {
.history-subpanel-config {
.mobile-checkbox {
padding-left: 1em;
}
.edit tr {
border: none;
}
.border-label {
border-bottom: 1px solid $border-bottom-lightgrey;
}
}
}