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

[Legacy] Case Modules Settings Styling Fixes

Browse source
This commit is contained in:
balumahendran 2022-03-21 10:53:20 +05:30 • committed by Clemente Raposo
parent 6ff535b3ca
commit c8cc8e7313
4 changed files with 112 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -181,4 +181,5 @@
@import '../suitep-base/maps-quickradius.scss';
@import '../suitep-base/activity-stream-mobile.scss';
@import '../suitep-base/outbound-email.scss';
@import '../suitep-base/case-settings-mobile.scss';
//

13
public/legacy/themes/suite8/css/suitep-base/aop-settings.scss
View file

@ -3,6 +3,11 @@
.moduleTitle {
border-bottom: 1px solid lightgrey;
}
#portal-seetings {
tr td {
white-space: nowrap;
}
}
.hide-btn {
display: none;
}
@ -55,9 +60,15 @@
tr td {
&:first-child {
width: 10%;
@media (max-width: 750px) {
width: 100%;
}
}
&:nth-child(3) {
width: 15%;
@media (max-width: 750px) {
width: 100%;
}
}
button {
background-color: $nepal-grey;
@ -90,6 +101,8 @@
border: none;
color: $white;
margin-left: 0.5em;
position: relative;
top: -1px;
&:hover {
background: $pale-blue;
}

97
public/legacy/themes/suite8/css/suitep-base/case-settings-mobile.scss Normal file
View file

@ -0,0 +1,97 @@
@media (max-width: 750px) {
.aop-settings {
.moduleTitle {
width: 100%;
padding-bottom: 3em;
}
.edit tr {
&:last-child {
padding-bottom: 1em;
}
th {
border-bottom: 1px solid lightgrey;
}
border-bottom: none;
}
table.view {
tr {
&:last-child {
padding-bottom: 1em;
}
}
margin-bottom: 1em;
tr td {
width: 100%;
padding-left: 1em;
height: auto;
}
h4 {
background: none;
border: none;
margin: 0 0.5em 0 0.5em !important;
}
}
table.actionsContainer {
.action-button {
top: 3em;
}
}
select {
width: 100%;
}
#email_settings td a {
margin-left: 0;
top: 0.3em;
}
.removeStatusButton {
margin-top: 0.6em;
}
}
}
@media (min-width:768px) and (max-width:1024px) {
.aop-settings {
#email_settings {
tr td {
width: 19%;
white-space: normal;
}
select {
max-width: 60%;
}
}
#portal-seetings {
tr td {
white-space: nowrap;
}
}
#case_status_settings {
tr td {
white-space: nowrap;
}
select {
max-width: 100%;
}
#addStatusButton {
margin-bottom: 1em;
}
}
}
}
@media (min-width: 750px) and (max-width:767px) {
.aop-settings {
#case_status_settings {
tr {
td {
&:first-child {
width: 100%;
}
&:nth-child(3) {
width: 100%;
}
}
}
}
}
}