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] Display Modules Settings Mobile Styling Fixes

Browse source
This commit is contained in:
balumahendran 2022-03-25 15:45:34 +05:30 • committed by Clemente Raposo
parent 45dbd9088d
commit ee9e8e28d8
4 changed files with 173 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -186,4 +186,5 @@
@import '../suitep-base/connector-mobile.scss';
@import '../suitep-base/admin-language-mobile.scss';
@import '../suitep-base/outbound-dialog.scss';
@import '../suitep-base/display-modules-mobile.scss';
//

2
public/legacy/themes/suite8/css/suitep-base/display-module.scss
View file

@ -33,7 +33,7 @@
}
}
.add_table {
margin-bottom: 1em;
margin-bottom: 1.5em;
table tr.config-text {
td {
padding: 1em;

165
public/legacy/themes/suite8/css/suitep-base/display-modules-mobile.scss Normal file
View file

@ -0,0 +1,165 @@
@media (max-width: 750px) {
.display-modules-config {
table.view {
display: block;
overflow: auto;
}
.edit tr th {
padding: 0;
}
.edit tr {
border-bottom: none;
}
.moduleTitle {
width: 100%;
margin-top: -0.2em;
padding-bottom: 2em;
.module-title-text {
font-size: 1.2em;
word-break: break-word;
}
}
.action-button {
top: 2.5em;
}
.mobile-tab-table {
display: flex;
overflow-x: auto;
width: 32.7em;
justify-content: space-evenly;
@media (min-width:450px) and (max-width: 767px) {
width: 100%;
}
.mobile-enabled {
width: 44%;
@media (min-width:450px) and (max-width: 767px) {
width: 100%;
}
#enabled_div {
width: 95% !important;
}
.yui-dt-data {
.yui-dt-liner {
background: #cdc4e3;
border-radius: 0.3em;
line-height: 25px;
width: 100% !important;
padding-left: 1em;
}
}
}
.mobile-disabled {
width: 42%;
@media (min-width:450px) and (max-width: 767px) {
width: 100%;
}
#disabled_div {
width: 95% !important;
}
.yui-dt-data {
.yui-dt-liner {
background: #ffafa4;
border-radius: 0.3em;
line-height: 25px;
width: 100% !important;
padding-left: 1em;
}
}
}
}
.mobile-tab-subpanel {
display: flex;
overflow-x: auto;
width: 32.7em;
justify-content: space-evenly;
@media (min-width:450px) and (max-width: 767px) {
width: 100%;
}
.mobile-enabled {
width: 44%;
@media (min-width:450px) and (max-width: 767px) {
width: 100%;
}
#enabled_subpanels_div {
width: 95% !important;
}
#enabled_div {
width: 100% !important;
}
.yui-dt-data {
.yui-dt-liner {
background: #cdc4e3;
border-radius: 0.3em;
line-height: 25px;
width: 100% !important;
padding-left: 1em;
}
}
}
.mobile-disabled {
width: 42%;
@media (min-width:450px) and (max-width: 767px) {
width: 100%;
}
#disabled_div {
width: 100% !important;
}
#disabled_subpanels_div {
width: 95% !important;
}
.yui-dt-data {
.yui-dt-liner {
background: #ffafa4;
border-radius: 0.3em;
line-height: 25px;
width: 100% !important;
padding-left: 1em;
}
}
}
}
tr.yui-dt-even {
height: 33px;
margin: 0;
padding: 0;
background: transparent;
}
tr.yui-dt-odd {
height: 33px;
margin: 0;
padding: 0;
}
.yui-dt-hd {
background: $white !important;
}
.yui-dt-data {
.yui-dt-liner {
background: #cdc4e3;
border-radius: 0.3em;
line-height: 25px;
max-width: 100%;
margin-left: 4px;
padding-left: 1em;
}
}
.yui-dt-scrollable .yui-dt-bd {
overflow-x: hidden;
background: #f5f5f5;
margin: 5px;
padding: 5px;
}
div.add_table,.add_subpanels {
width: 37rem;
}
}
}
@media (min-width:320px) and (max-width: 767px) {
.display-modules-config {
div.add_table,.add_subpanels {
width: 93vw;
}
}
}