[Legacy] Accounts Duplicate Styling Fixes

This commit is contained in:
balumahendran 2022-04-07 18:42:55 +05:30 committed by Clemente Raposo
parent ee9e8e28d8
commit bae04a9f6d
4 changed files with 128 additions and 9 deletions

View file

@ -38,7 +38,7 @@
* display the words "Powered by SugarCRM" and "Supercharged by SuiteCRM".
*/
*}
<button id="addFileButton" class="button primary" type="button">{$MOD.LBL_ADD_CASE_FILE}</button>
<button id="addFileButton" class="button primary case-addbutton" type="button">{$MOD.LBL_ADD_CASE_FILE}</button>
{literal}
<script>
$(document).ready(function(){
@ -98,8 +98,8 @@
<input type="text" name="case_document_name" class="sqsEnabled" tabindex="0" id="case_document_name" size="" value="" title='' autocomplete="off">
<input type="hidden" name="case_document_id" id="case_document_id" value="">
<span class="id-ff multiple">
<button type="button" name="btn_case_document_name" id="btn_case_document_name" tabindex="0" title="{$MOD.LBL_SELECT_CASE_DOCUMENT}" class="button firstChild" value="{$MOD.LBL_SELECT_CASE_DOCUMENT}"
<span class="id-ff multiple selectcrossbtn">
<button type="button" name="btn_case_document_name" id="btn_case_document_name" tabindex="0" title="{$MOD.LBL_SELECT_CASE_DOCUMENT}" class="firstChild" value="{$MOD.LBL_SELECT_CASE_DOCUMENT}"
{literal}
onclick='open_popup(
"Documents",
@ -113,14 +113,16 @@
true
);' >
{/literal}
<span class="suitepicon suitepicon-action-select"></span></button>
{sugar_getimage name="cursor" attr='border="0"'}
</button>
<button type="button" name="btn_clr_case_document_name"
id="btn_clr_case_document_name" tabindex="0" title="{$MOD.LBL_CLEAR_CASE_DOCUMENT}" class="button lastChild"
onclick="SUGAR.clearRelateField(this.form, 'case_document_name', 'case_document_id');" value="{$MOD.LBL_CLEAR_CASE_DOCUMENT}" ><span class="suitepicon suitepicon-action-clear"></span></button>
id="btn_clr_case_document_name" tabindex="0" title="{$MOD.LBL_CLEAR_CASE_DOCUMENT}" class="lastChild"
onclick="SUGAR.clearRelateField(this.form, 'case_document_name', 'case_document_id');" value="{$MOD.LBL_CLEAR_CASE_DOCUMENT}" >
{sugar_getimage name="cross" attr='border="0"'}
</button>
</span>
</span>
<button class="removeFileButton" type="button">{$MOD.LBL_REMOVE_CASE_FILE}</button><br>
</span>
<button class="removeFileButton case-removebutton" type="button">{$MOD.LBL_REMOVE_CASE_FILE}</button><br>
</span>
</script>

View file

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

View file

@ -0,0 +1,87 @@
.view-module-Accounts,.view-module-Contacts,.view-module-Leads,.view-module-Prospects,.view-action-editview {
input[type=text],input[type=password],input[type=email] {
background-color:$transparent-color !important;
border: 1px solid $form-border-color !important;
}
.email-address-line-container {
padding: 0;
.email-address-options-container {
margin-top: -1.2em;
}
}
.col-xs-12 .email-address-lines-container {
padding: 0;
}
span.input-group-btn {
bottom: 5px;
}
.email-address-add-button {
background: none;
color: $medium-grey;
width: 28px;
height: 28px;
margin-bottom: 1em;
.suitepicon-action-plus {
font-size: 24px;
@-moz-document url-prefix() {
position: relative;
top: 2.5px;
left: 1px;
}
}
@media (max-width: 750px) {
margin-top: 1em;
margin-bottom: 1em;
}
&:focus {
outline: none;
background: $white;
color: $medium-grey;
border: none;
box-shadow: none;
}
&:hover {
background: $nepal-grey;
color: $white;
line-height: 0;
@-moz-document url-prefix() {
line-height: 1.4;
}
}
}
.email-address-remove-button {
background: transparent;
color: $medium-grey;
padding: 0.3em;
height: 28px;
margin-top: 8px;
border: none;
.suitepicon-action-minus {
font-size: 17px;
@-moz-document url-prefix() {
position: relative;
top: 3px;
}
}
&:focus {
outline: none;
background: $white;
color: $medium-grey;
}
&:hover {
background: $nepal-grey;
color: $white;
line-height: 0;
@-moz-document url-prefix() {
line-height: inherit;
}
}
@media (max-width: 750px) {
margin-left: 0.8em;
}
}
button:disabled {
width: 28px;
margin-left: 0.8em;
}
}

View file

@ -104,3 +104,32 @@
#lessmargin {
margin: 0 50px 0 0;
}
.view-module-Cases {
.selectcrossbtn {
button {
&:hover {
background: none;
}
}
}
.case-addbutton,.case-removebutton {
background-color: $nepal-grey;
border-radius: 0.2em;
font-weight: bold;
height: 2.2em;
line-height: 1em;
letter-spacing: 0.05em;
padding: 0.3em 1em;
text-transform: capitalize;
&:hover {
background: $pale-blue;
}
}
.caseDocumentWrapper {
input[type="file"] {
display: inline;
width: 12%;
}
}
}