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

[Legacy] Activity Stream HTML Structure Change fixes

Browse source
This commit is contained in:
balumahendran 2022-10-14 15:20:47 +05:30 • committed by Clemente Raposo
parent 6d9e49d94d
commit e225ccb0fa
2 changed files with 98 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

69
public/legacy/modules/SugarFeed/tpls/AdminSettings.tpl
View file

@ -46,7 +46,6 @@
<input type="hidden" name="action" value="AdminSettings"> <input type="hidden" name="action" value="AdminSettings">
<input type="hidden" name="module" value="SugarFeed"> <input type="hidden" name="module" value="SugarFeed">
<input type="hidden" name="process" value=""> <input type="hidden" name="process" value="">
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="actionsContainer"> <table width="100%" cellpadding="0" cellspacing="0" border="0" class="actionsContainer">
<tr> <tr>
<td width="100%" colspan="2" class="action-button"> <td width="100%" colspan="2" class="action-button">
@ -56,42 +55,40 @@
</td> </td>
</tr> </tr>
</table> </table>
<div class="activity-stream-container">
<table width="100%" border="0" cellspacing="1" cellpadding="0" class="edit view"> <div class="activity-box-enable">
<tr> <div class="activity-left-label-enable">{$mod.LBL_ENABLE_FEED}:</div>
<td scope="row" align="right" nowrap>{$mod.LBL_ENABLE_FEED}:</td> <div class="activity-right-label-enable">
<td align="left" width="25%" colspan='4'> <input type="hidden" id="feed_enable_hidden" name="feed_enable" value="0">
<input type="hidden" id="feed_enable_hidden" name="feed_enable" value="0"> <input type="checkbox" id="feed_enable" name="feed_enable" value="1" {$enabled_checkbox} onClick="SugarFeedDisableCheckboxes()">
<input type="checkbox" id="feed_enable" name="feed_enable" value="1" {$enabled_checkbox} onClick="SugarFeedDisableCheckboxes()"> </div>
</td> </div>
</tr> <div class="activity-box">
<tr> <div class="activity-left-label">{$mod.LBL_ENABLE_MODULE_LIST}:</div>
<td scope="row" align="right" valign="top" nowrap>{$mod.LBL_ENABLE_MODULE_LIST}:</td> <div class="activity-right-label">
<td colspan="4" width="95%"> <div id="sugarfeed_modulelist" cellspacing=3 border=0>
<table id="sugarfeed_modulelist" cellspacing=3 border=0> {foreach name=feedModuleList from=$module_list key=i item=entry}
{foreach name=feedModuleList from=$module_list key=i item=entry} {if ($i % 2)==0}<div class="activate-feed">{/if}
{if ($i % 2)==0}<tr>{/if} <span scope="row" align="right" style="padding-right: 3em;">{$entry.label}:</span>
<td scope="row" align="right">{$entry.label}:</td> <span style="padding-right: 4em;
<td> padding-left: 4em;">
<input type="hidden" name="modules[module_{$entry.module}]" value="0"> <input type="hidden" name="modules[module_{$entry.module}]" value="0">
<input type="checkbox" id="modules[module_{$entry.module}]" name="modules[module_{$entry.module}]" value="1" {if $entry.enabled==1}CHECKED{/if}> <input type="checkbox" id="modules[module_{$entry.module}]" name="modules[module_{$entry.module}]" value="1" {if $entry.enabled==1}CHECKED{/if}>
</td> </span>
{if ($i % 2)==1}</tr>{/if} {if ($i % 2)==1}</div>{/if}
{/foreach} {/foreach}
</table> </div>
</td></tr> </div>
<tr> </div>
<td scope="row" align="right" nowrap>{$mod.LBL_ENABLE_USER_FEED}:</td> <div class="activity-box-feed">
<td align="left" width="25%"> <div class="activity-left-label-feed">{$mod.LBL_ENABLE_USER_FEED}:</div>
<input type="hidden" id="modules[module_UserFeed]" name="modules[module_UserFeed]" value="0"> <div class="activity-right-label-feed">
<input type="checkbox" id="modules[module_UserFeed]" name="modules[module_UserFeed]" value="1" {if $user_feed_enabled==1}CHECKED{/if}> <input type="hidden" id="modules[module_UserFeed]" name="modules[module_UserFeed]" value="0">
</td> <input type="checkbox" id="modules[module_UserFeed]" name="modules[module_UserFeed]" value="1" {if $user_feed_enabled==1}CHECKED{/if}>
<td colspan="3" width="70%">&nbsp;</td> </div>
</tr> </div>
</table> </div>
</form> </form>
<script type="text/javascript"> <script type="text/javascript">
var SugarFeedCheckboxList = new Object(); var SugarFeedCheckboxList = new Object();
SugarFeedCheckboxList['module_UserFeed'] = 'modules[module_UserFeed]'; SugarFeedCheckboxList['module_UserFeed'] = 'modules[module_UserFeed]';

69
public/legacy/themes/suite8/css/suitep-base/activity-stream.scss
View file

@ -3,6 +3,7 @@
.moduleTitle { .moduleTitle {
border-bottom: 1px solid lightgrey; border-bottom: 1px solid lightgrey;
margin-bottom: 1em; margin-bottom: 1em;
max-width: 100%;
} }
.actionsContainer { .actionsContainer {
position: absolute; position: absolute;
@ -25,12 +26,70 @@
} }
} }
} }
table.view { .activity-stream-container {
line-height: 3em;
background: $white;
border-radius: 10px; border-radius: 10px;
tr td { padding: 1em;
padding-left: 1em; .activity-box-enable {
padding-top: 0.5em; display: flex;
vertical-align: middle; .activity-left-label-enable {
width: 22.3%;
@media (min-width: 768px) and (max-width: 1024px) {
width: 36%;
}
@media (min-width: 320px) and (max-width: 480px) { //for mobile
min-width: 17em;
}
@media (min-width: 480px) and (max-width: 767px) {
width: 100%;
}
}
.activity-right-label-enable {
width: 82%;
}
}
.activity-box {
@media (max-width: 750px) {
display: block;
}
.activity-left-label {
@media (max-width: 750px) {
white-space: nowrap;
}
}
.activity-right-label {
width: 82%;
@media (min-width: 320px) and (max-width: 480px) {
margin-left: 1em;
}
@media (min-width: 480px) and (max-width: 767px) {
margin-left: 1em;
}
}
}
.activity-box-feed {
display: flex;
.activity-left-label-feed {
width: 22.3%;
@media (min-width: 320px) and (max-width: 480px) {
min-width: 17em;
}
@media (min-width: 480px) and (max-width: 767px) {
width: 100%;
}
}
.activity-right-label-feed {
width: 82%;
}
}
span[scope="row"] {
width: 7%;
display: inline-block;
text-align: left;
@media (min-width: 320px) and (max-width: 480px) {
width: 50%;
}
} }
} }
} }