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

[Legacy] Admin Language Mobile Styling Fixes

Browse source
This commit is contained in:
balumahendran 2022-03-22 11:53:46 +05:30 • committed by Clemente Raposo
parent 041c76a6a7
commit 1fcd6bb756
4 changed files with 132 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

13
public/legacy/modules/Administration/templates/Languages.tpl
View file

@ -45,9 +45,10 @@
<div class="language">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td colspan='100'><h2>{$title}</h2></td></tr>
<tr><td colspan='100'>
<div class="description">
{$MOD.LBL_CONFIG_LANGS_DESC}
</td></tr><tr><td><br></td></tr><tr><td colspan='100'>
</div>
<tr><td><br></td></tr><tr><td colspan='100'>

<form name="ConfigureLangs" method="POST" method="POST" action="index.php">
<input type="hidden" name="module" value="Administration">
@ -66,14 +67,14 @@
</tr>
</table>

<div class='add_table' style='margin-bottom:5px'>
<div class='add_table'>
<table id="ConfigureLangs" class="themeSettings edit view" style='margin-bottom:0px;' border="0" cellspacing="0" cellpadding="0">
<tr>
<td width='1%' class="desktop-enabled">
<tr class="add-table-mobile">
<td width='1%' class="desktop-enabled mobile-enabled">
<div id="enabled_div" class="enabled_tab_workarea">
</div>
</td>
<td class="desktop-disabled">
<td class="desktop-disabled mobile-disabled">
<div id="disabled_div" class="disabled_tab_workarea">
</div>
</td>

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

@ -184,4 +184,5 @@
@import '../suitep-base/case-settings-mobile.scss';
@import '../suitep-base/business-hours-mobile.scss';
@import '../suitep-base/connector-mobile.scss';
@import '../suitep-base/admin-language-mobile.scss';
//

116
public/legacy/themes/suite8/css/suitep-base/admin-language-mobile.scss Normal file
View file

@ -0,0 +1,116 @@
@media (max-width: 750px) {
.language {
.moduleTitle {
width: 100%;
margin-top: -0.2em;
padding-bottom: 0.5em;
.module-title-text {
font-size: 1.2em;
}
}
.edit tr th {
padding: 0;
}
.edit tr {
border-bottom: none;
}
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 th .yui-dt-liner {
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
width: 100%;
color: #666;
}
table.view {
display: block;
overflow: auto;
}
.add-table-mobile {
display: flex;
overflow-x: auto;
width: 32.7em;
@media (min-width:450px) and (max-width: 767px) {
width: 100%;
}
}
.mobile-enabled {
@media (min-width:450px) and (max-width: 767px) {
width: 100%;
}
#enabled_div {
width: 100% !important;
}
.yui-dt-data {
.yui-dt-liner {
background: $off-violet;
border-radius: 0.3em;
line-height: 25px;
max-width: 100%;
margin-left: 4px;
padding-left: 1em;
}
}
}
.mobile-disabled {
@media (min-width:450px) and (max-width: 767px) {
width: 100%;
}
#disabled_div {
width: 100% !important;
}
.yui-dt-data {
.yui-dt-liner {
background: $very-light-orange;
border-radius: 0.3em;
line-height: 25px;
max-width: 100%;
margin-left: 4px;
padding-left: 1em;
}
}
}
.yui-dt-scrollable .yui-dt-bd {
overflow-y: hidden;
background: $off-white;
margin: 5px;
padding: 5px;
}
div.add_table {
width: 37rem;
margin-top: 1.5em;
@media (min-width:450px) and (max-width: 767px) {
width: 100%;
}
}
}
}
@media (min-width:750px) and (max-width: 767px) {
.language {
.add-table-mobile {
display: flex;
overflow-x: auto;
.desktop-enabled {
width: 50%;
}
.desktop-disabled {
width: 50%;
}
}
}
}

13
public/legacy/themes/suite8/css/suitep-base/admin-language.scss
View file

@ -3,6 +3,13 @@
.hide-btn {
display: none;
}
.add_table {
margin-top: 1em;
}
.description {
position: absolute;
top: 4em;
}
h2 {
font-size: 1.4em;
margin: 0;
@ -53,11 +60,7 @@
width: 100%;
color: #666;
margin-left: 2.5em;
}
.add-table-mobile {
display: flex;
overflow-x: auto;
}
}
.desktop-enabled {
width: auto;
#enabled_div {