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

[Legacy] Fix activity stream page styling

Browse source
This commit is contained in:
Jack Anderson 2023-05-15 16:09:28 +01:00 • committed by Clemente Raposo
parent 7badd2a809
commit 536a837c2a
2 changed files with 26 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -70,8 +70,7 @@
{foreach name=feedModuleList from=$module_list key=i item=entry}
{if ($i % 2)==0}<div class="activate-feed">{/if}
<span scope="row" align="right" style="padding-right: 3em;">{$entry.label}:</span>
<span style="padding-right: 4em;
padding-left: 4em;">
<span class="activity-checkbox">
<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}>
</span>

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

@ -25,31 +25,31 @@
background: $pale-blue;
}
}
}
}
.activity-stream-container {
line-height: 3em;
background: $white;
border-radius: 10px;
padding: 1em;
.activity-box-enable {
.activity-box-enable {
display: flex;
.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
}
@media (min-width: 320px) and (max-width: 480px) { //for mobile
min-width: 17em;
}
@media (min-width: 480px) and (max-width: 767px) {
@media (min-width: 480px) and (max-width: 767px) {
width: 100%;
}
}
.activity-right-label-enable {
width: 82%;
}
}
.activity-box {
}
.activity-box {
@media (max-width: 750px) {
display: block;
}
@ -66,6 +66,21 @@
@media (min-width: 480px) and (max-width: 767px) {
margin-left: 1em;
}
.activate-feed {
.activity-checkbox {
padding-right: 4em;
padding-left: 4em;
@media (min-width: 320px) and (max-width: 371px) {
padding-right: 2em;
padding-left: 2em;
}
}
}
}
}
.activity-box-feed {
@ -86,10 +101,10 @@
span[scope="row"] {
width: 7%;
display: inline-block;
text-align: left;
text-align: left;
@media (min-width: 320px) and (max-width: 480px) {
width: 50%;
}
}
}
}
}
}