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

[Legacy] User Management Styling Fixes

Browse source 
# Conflicts:
#	public/legacy/modules/Users/tpls/EditViewFooter.tpl

# Conflicts:
#	public/legacy/modules/Users/tpls/EditViewFooter.tpl
#	public/legacy/themes/suite8/css/suitep-base/userprofile.scss
This commit is contained in:
balumahendran 2022-10-07 14:53:47 +05:30 • committed by Clemente Raposo
parent 91464eb898
commit cb411de3a0
5 changed files with 171 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

67
public/legacy/modules/Users/tpls/EditViewFooter.tpl
View file

@ -238,17 +238,74 @@
<slot>{$MOD.LBL_RECEIVE_NOTIFICATIONS}:</slot>&nbsp;{sugar_help text=$MOD.LBL_RECEIVE_NOTIFICATIONS_TEXT}
</div>
<div class="row-bottom">
<slot>
<input type='hidden' value='0' name='receive_notifications'>
<slot style="line-height: 2.3">
<input name='receive_notifications' class="checkbox" tabindex='12' type="checkbox"
value="12" {$RECEIVE_NOTIFICATIONS}>
value="12" {$RECEIVE_NOTIFICATIONS} style="margin-top: -1em;">
</slot>
</div>
<div class="bottom-dotted-border"></div>
</div>
</div>
<!--First row ends here-->
<!--Second row-->
<!--First row ends here-->
<!--Second row-->
<div class="row-container">
<div class="left-col">
<div class="row-label"><slot>{$MOD.LBL_EXPORT_CHARSET}:</slot>&nbsp;{sugar_help text=$MOD.LBL_EXPORT_CHARSET_DESC }</div>
<div class="row-bottom"><slot><select tabindex='12' name="default_export_charset">{$EXPORT_CHARSET}</select></slot></div>
<div class="bottom-dotted-border"></div>
</div>
<div class="right-col">
<div class="row-label"><slot>{$MOD.LBL_REMINDER}:</slot>&nbsp;{sugar_help text=$MOD.LBL_REMINDER_TEXT }</div>
<div class="row-bottom"><slot>{include file="modules/Reminders/tpls/remindersDefaults.tpl"}</slot></div>
</div>
</div>
<!--Second row ends here-->
<div class="row-container">
<div class="left-col"></div>
<div class="right-col">
<button type="button" class="btn btn-primary btn-sm" onClick="Alerts.prototype.enable()">
{$MOD.LBL_ENABLE_NOTIFICATIONS}
</button>
<div class="bottom-dotted-border"></div>
</div>
</div>
<div class="row-container">
<div class="left-col">
<div class="row-label"><slot>{$MOD.LBL_USE_REAL_NAMES}:</slot>&nbsp;{sugar_help text=$MOD.LBL_USE_REAL_NAMES_DESC }</div>
<div class="row-bottom"><slot style="line-height: 2.3"><input style="margin-top: -1em;" tabindex='12' type="checkbox" name="use_real_names" {$USE_REAL_NAMES}></slot></div>
<div class="bottom-dotted-border"></div>
</div>
<div class="right-col">
<div class="row-label"><slot>{$MOD.LBL_MAILMERGE}:</slot>&nbsp;{sugar_help text=$MOD.LBL_MAILMERGE_TEXT }</div>
<div class="row-bottom">
<slot style="line-height: 1"><input style="margin-top: -1em;" tabindex='12' name='mailmerge_on' class="checkbox" type="checkbox" {$MAILMERGE_ON}>
</slot>
</div>
<div class="bottom-dotted-border"></div>
</div>
</div>
<!--{if !empty($EXTERNAL_AUTH_CLASS) && !empty($IS_ADMIN)}-->
<div class="row-container">
<div>{capture name=SMARTY_LBL_EXTERNAL_AUTH_ONLY}&nbsp;{$MOD.LBL_EXTERNAL_AUTH_ONLY} {$EXTERNAL_AUTH_CLASS_1}{/capture}</div>
<div class="left-col">
<div class="row-label"><slot>{$EXTERNAL_AUTH_CLASS} {$MOD.LBL_ONLY}:
</slot>&nbsp;{sugar_help text=$smarty.capture.SMARTY_LBL_EXTERNAL_AUTH_ONLY}</div>
<div class="row-bottom"> <input type='hidden' value='0' name='external_auth_only'><input type='checkbox' value='1'
name='external_auth_only' {$EXTERNAL_AUTH_ONLY_CHECKED}></div>
<div class="bottom-dotted-border"></div>
</div>
</div>
<!--{/if}-->
</div><!--row user-->
</div>
<!-- User Settings Ends here -->
<div id="locale" style="display:{$HIDE_FOR_GROUP_AND_PORTAL}">
<div>
<h4><slot>{$MOD.LBL_USER_LOCALE}</slot></h4>
</div>
<div class="row-user">
<div class="row-container">
<div class="left-col">
<div class="row-label">

4
public/legacy/themes/suite8/css/suitep-base/detailview.scss
View file

@ -654,8 +654,8 @@ table.subpanel-table .pagination li.single > a {
.pagination {
.btn-pagination {
margin-right: 4px;
}
}
}
}
}
}
}

3
public/legacy/themes/suite8/css/suitep-base/tabs.scss
View file

@ -54,8 +54,7 @@
.detail-view > .nav-tabs > #tab-actions {
position: absolute;
right: 3px;
bottom: 5em;
right: 0;
}
.detail-view > .nav-tabs > #tab-actions > a {

61
public/legacy/themes/suite8/css/suitep-base/userprofile.scss
View file

@ -602,7 +602,16 @@ form.userprofile {
.detail-view {
.nav-tabs {
li {
top: 1.32em;
&:first-child.hidden-xs {
top: 1.32em;
}
}
#tab-actions {
a.dropdown-toggle {
position: absolute;
right: 0;
bottom: 0;
}
}
}
.panel-content {
@ -611,4 +620,54 @@ form.userprofile {
}
}
}
.tab-content {
.edit-dotted-border {
height: 0.08rem;
color: $dark-grey-line;
background-image: linear-gradient(to right, grey 10%, rgba(255, 255, 255, 0) 0%);
background-position: top;
background-size: 0.875rem 1.1875px;
background-repeat: repeat-x;
margin-right: 1rem;
margin-left: 0.2em;
clear: both;
}
.users-advanced-settings {
h4 {
padding: 0;
line-height: 40px;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
margin-left: 1.5em;
border-bottom: 1px solid $mid-light-grey;
width: 100%;
}
.border-line {
border-right: 1px solid $nepal-grey;
}
}
.users-locale-settings {
.border-line {
border-right: 1px solid $nepal-grey;
}
}
.user-layout-settings {
.border-line {
border-right: 1px solid $nepal-grey;
}
}
#locale_suitep,#calendar_options_suitep,#google_options_suitep,#layout_suitep {
h4 {
padding: 0;
line-height: 40px;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
margin-left: 1.5em;
border-bottom: 1px solid $mid-light-grey;
width: 100%;
}
}
}
}

67
public/legacy/themes/suite8/modules/Users/tpls/DetailView-advanced-tab-content.tpl
View file

@ -29,12 +29,12 @@
advanced tab content goes here
*}
<div id="settings_suitep" >
<div id="settings_suitep" class="users-advanced-settings">
<div class="row detail-view-row">
<h4>{$MOD.LBL_USER_SETTINGS}</h4>
</div>
<div class="row detail-view-row">
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<div class="col-xs-12 col-sm-6 detail-view-row-item border-line">
<!-- [hide!!] -->
<!-- DIV inside - colspan != 3 -->
<div class="col-xs-12 col-sm-4 label col-1-label">
@ -48,6 +48,7 @@ advanced tab content goes here
<input name='receive_notifications' class="checkbox" tabindex='12' type="checkbox" value="12" {$RECEIVE_NOTIFICATIONS} disabled>
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<!-- [hide!!] -->
@ -63,10 +64,11 @@ advanced tab content goes here
<input tabindex='3' name='mailmerge_on' disabled class="checkbox" type="checkbox" {$MAILMERGE_ON} disabled>
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
<div class="row detail-view-row">
<div class="col-xs-12 col-sm-12 detail-view-row-item">
<div class="col-xs-12 col-sm-12 detail-view-row-item border-line" style="width: 50%;">
<!-- [hide!!] -->
<!-- DIV inside - colspan != 3 -->
<div class="col-xs-12 col-sm-2 label col-1-label">
@ -80,10 +82,11 @@ advanced tab content goes here
{$SETTINGS_URL}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
<div class="row detail-view-row">
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<div class="col-xs-12 col-sm-6 detail-view-row-item border-line">
<!-- [hide!!] -->
<!-- DIV inside - colspan != 3 -->
<div class="col-xs-12 col-sm-4 label col-1-label">
@ -97,6 +100,7 @@ advanced tab content goes here
{$EXPORT_DELIMITER}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<!-- [hide!!] -->
@ -112,11 +116,12 @@ advanced tab content goes here
{$EXPORT_CHARSET_DISPLAY}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
{if $DISPLAY_EXTERNAL_AUTH}
<div class="row detail-view-row">
<div class="col-xs-12 col-sm-12 detail-view-row-item">
<div class="col-xs-12 col-sm-12 detail-view-row-item border-line">
<!-- [hide!!] -->
<!-- DIV inside - colspan != 3 -->
<div class="col-xs-12 col-sm-2 label col-1-label">
@ -125,16 +130,17 @@ advanced tab content goes here
</div>
<!-- /DIV inside -->
<!-- phone (version 1) -->
<div class="col-xs-12 col-sm-10 detail-view-field " type="name" field="name">
<div class="col-xs-12 col-sm-10 detail-view-field" type="name" field="name">
<!-- simple hidden start -->
<input id="external_auth_only" name="external_auth_only" type="checkbox" class="checkbox" {$EXTERNAL_AUTH_ONLY_CHECKED} disabled>
<!-- simple hidden finish -->
</div>
</div>
</div>
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
{/if}
<div class="row detail-view-row">
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<div class="col-xs-12 col-sm-6 detail-view-row-item border-line">
<!-- [hide!!] -->
<!-- DIV inside - colspan != 3 -->
<div class="col-xs-12 col-sm-4 label col-1-label">
@ -147,7 +153,7 @@ advanced tab content goes here
<!-- simple hidden start -->
{include file="modules/Reminders/tpls/remindersDefaults.tpl"}
<!-- simple hidden finish -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<!-- [hide!!] -->
@ -163,15 +169,16 @@ advanced tab content goes here
<input tabindex='3' name='use_real_names' disabled class="checkbox" type="checkbox" {$USE_REAL_NAMES} disabled>
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
</div>
<div id='locale_suitep'>
<div id='locale_suitep' class="users-locale-settings">
<div class="row detail-view-row">
<h4>{$MOD.LBL_USER_LOCALE}</h4>
</div>
<div class="row detail-view-row">
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<div class="col-xs-12 col-sm-6 detail-view-row-item border-line">
<!-- [hide!!] -->
<!-- DIV inside - colspan != 3 -->
<div class="col-xs-12 col-sm-4 label col-1-label">
@ -185,6 +192,7 @@ advanced tab content goes here
{$DATEFORMAT}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<!-- [hide!!] -->
@ -200,10 +208,11 @@ advanced tab content goes here
{$TIMEFORMAT}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
<div class="row detail-view-row">
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<div class="col-xs-12 col-sm-6 detail-view-row-item border-line">
<!-- [hide!!] -->
<!-- DIV inside - colspan != 3 -->
<div class="col-xs-12 col-sm-4 label col-1-label">
@ -217,6 +226,7 @@ advanced tab content goes here
{$TIMEZONE}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<!-- [hide!!] -->
@ -232,10 +242,11 @@ advanced tab content goes here
{$CURRENCY_DISPLAY}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
<div class="row detail-view-row">
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<div class="col-xs-12 col-sm-6 detail-view-row-item border-line">
<!-- [hide!!] -->
<!-- DIV inside - colspan != 3 -->
<div class="col-xs-12 col-sm-4 label col-1-label">
@ -249,6 +260,7 @@ advanced tab content goes here
{$CURRENCY_SIG_DIGITS}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<!-- [hide!!] -->
@ -264,10 +276,11 @@ advanced tab content goes here
{$NUM_GRP_SEP}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
<div class="row detail-view-row">
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<div class="col-xs-12 col-sm-6 detail-view-row-item border-line">
<!-- [hide!!] -->
<!-- DIV inside - colspan != 3 -->
<div class="col-xs-12 col-sm-4 label col-1-label">
@ -281,6 +294,7 @@ advanced tab content goes here
{$NUM_GRP_SEP}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<!-- [hide!!] -->
@ -296,10 +310,11 @@ advanced tab content goes here
{$MOD.LBL_DECIMAL_SEP_TEXT}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
<div class="row detail-view-row">
<div class="col-xs-12 col-sm-12 detail-view-row-item">
<div class="col-xs-12 col-sm-12 detail-view-row-item border-line" style="width: 50%;">
<!-- [hide!!] -->
<!-- DIV inside - colspan != 3 -->
<div class="col-xs-12 col-sm-2 label col-1-label">
@ -313,7 +328,9 @@ advanced tab content goes here
{$NAME_FORMAT}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
</div>
<div id='calendar_options_suitep'>
@ -336,7 +353,7 @@ advanced tab content goes here
<!-- simple hidden finish -->
</div>
</div>
<div class="edit-dotted-border"></div>
</div>
<div class="row detail-view-row">
<div class="col-xs-12 col-sm-12 detail-view-row-item">
@ -353,6 +370,7 @@ advanced tab content goes here
{if $CALENDAR_PUBLISH_KEY}{$CALENDAR_PUBLISH_URL}{else}{$MOD.LBL_NO_KEY}{/if}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
<div class="row detail-view-row">
@ -370,6 +388,7 @@ advanced tab content goes here
{if $CALENDAR_PUBLISH_KEY}{$CALENDAR_SEARCH_URL}{else}{$MOD.LBL_NO_KEY}{/if}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
<div class="row detail-view-row">
@ -387,6 +406,7 @@ advanced tab content goes here
{if $CALENDAR_PUBLISH_KEY}{$CALENDAR_ICAL_URL}{else}{$MOD.LBL_NO_KEY}{/if}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
<div class="row detail-view-row">
@ -404,10 +424,11 @@ advanced tab content goes here
{$FDOWDISPLAY}
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
</div>
<div id='google_options_suitep style="display:{$HIDE_IF_GAUTH_UNCONFIGURED}"'>
<div id='google_options_suitep' style="display:{$HIDE_IF_GAUTH_UNCONFIGURED}"'>
<div class="row detail-view-row">
<h4>{$MOD.LBL_GOOGLE_API_SETTINGS}</h4>
</div>
@ -426,6 +447,7 @@ advanced tab content goes here
Current API Token is: <span style="color:{$GOOGLE_API_TOKEN_COLOR}">{$GOOGLE_API_TOKEN}</span>
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
<div class="row detail-view-row">
@ -443,15 +465,16 @@ advanced tab content goes here
<input class="checkbox" type="checkbox" disabled {$GSYNC_CAL}>
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
</div>
<div id="layout_suitep">
<div id="layout_suitep" class="user-layout-settings">
<div class="row detail-view-row">
<h4>{$MOD.LBL_LAYOUT_OPTIONS}</h4>
</div>
<div class="row detail-view-row">
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<div class="col-xs-12 col-sm-6 detail-view-row-item border-line">
<!-- [hide!!] -->
<!-- DIV inside - colspan != 3 -->
<div class="col-xs-12 col-sm-4 label col-1-label">
@ -465,6 +488,7 @@ advanced tab content goes here
<input name="use_group_tabs" type="hidden" value="m"><input id="use_group_tabs" type="checkbox" name="use_group_tabs" {$USE_GROUP_TABS} tabindex='12' value="gm" disabled>
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
<div class="col-xs-12 col-sm-6 detail-view-row-item">
<!-- [hide!!] -->
@ -480,6 +504,7 @@ advanced tab content goes here
<input tabindex='3' name='mailmerge_on' disabled class="checkbox" type="checkbox" {$MAILMERGE_ON} disabled>
<!-- simple hidden finish -->
</div>
<div class="edit-dotted-border"></div>
</div>
</div>
</div>