Fixed some CSS and presentation style issues.

This commit is contained in:
Rooty 2024-03-03 16:09:32 +01:00
parent c01d97a618
commit 32a78845d7
10 changed files with 123 additions and 96 deletions

View File

@ -99,8 +99,8 @@ form div.row textarea{
form div.row select,
form div.row input[type=text],
form div.row input[type=password]{
min-width: 12rem;
max-width: 15rem;
min-width: 17rem;
max-width: 17rem;
}
form div.row input[type="checkbox"],
@ -153,8 +153,8 @@ form div.row textarea:focus{
.input-group-text.large {
font-size: .75rem;
min-width: 9.5rem;
max-width: 9.5rem;
min-width: 14.5rem;
max-width: 14.5rem;
}
.input-group-text.verylarge {
@ -273,10 +273,31 @@ div#authMenu.dropdown li a.nav-link span.fa{
margin-left: 1rem;
}
/************************************************************
* APPLICATION TABS *
***********************************************************/
section#application-content div#data ul li.nav-item a.nav-link
{
background-color: grey;
color: #ffffff;
}
section#application-content div#data ul li.nav-item a.nav-link.active
{
background-color: #ffffff;
color: #495057;
}
div div.card{
margin-bottom: 1rem;
}
div div.card.with-tab{
border-top-left-radius: 0;
}
div div.card div.card-header{
padding-bottom: .5rem;
padding-top: .5rem;

View File

@ -6,32 +6,32 @@
<div class="card-body form">
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><mx:image id="pictoObject" id="pictoObject"/></span><mx:select id="icone" onchange="javascript:imgPicto();"/>
</div>
</div>
<div class="col">
<mx:bloc id="blocName">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg text-danger"></i><span class="fa"><mx:image id="pictoLanguage"/></span></span>
<mx:formField id="NodeEntry_name"/>
</div>
</mx:bloc id="blocName">
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-group text-danger"></i></span><mx:select id="COMMPROFILES" id="NodeEntry_type"/>
</div>
</div>
</div>
<div class="row mb-1 w-100 h-auto">
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-group text-danger"></i></span><mx:formField id="NodeEntry_typereg"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-group text-danger"></i></span><mx:formField id="NodeEntry_domain"/>
</div>
</div>
@ -39,19 +39,19 @@
</div>
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text large input-group-toggle"><mx:text id="txtCommHasPublicPage"/></span>
<input data-toggle="toggle" data-style="float-end" data-onstyle="success fw-bold" data-on="<mx:text id="user_account_sEnabled"/>" data-offstyle="danger fw-bold" data-off="<mx:text id="user_account_sDisabled"/>" data-size="small" type="checkbox" name="haspublicpage">
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text large input-group-toggle"><mx:text id="txtCommPublicList"/></span>
<input data-toggle="toggle" data-style="float-end" data-onstyle="success fw-bold" data-on="<mx:text id="user_account_sEnabled"/>" data-offstyle="danger fw-bold" data-off="<mx:text id="user_account_sDisabled"/>" data-size="small" type="checkbox" name="commlistpublic">
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text large input-group-toggle"><mx:text id="txtCommRegisterEnable"/></span>
<input data-toggle="toggle" data-style="float-end" data-onstyle="success fw-bold" data-on="<mx:text id="user_account_sEnabled"/>" data-offstyle="danger fw-bold" data-off="<mx:text id="user_account_sDisabled"/>" data-size="small" type="checkbox" name="commregisterenable">
</div>
@ -65,54 +65,57 @@
<div class="card-body form">
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-envelope-o text-danger"><span class="text-danger"> *</span></i></span><mx:formField id="node_email" id="node_email"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-gitea"></i></span><mx:formField id="node_git" id="node_git"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-mastodon"></i></span><mx:formField id="node_mastodon" id="node_mastodon"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-activitypub"></i></span><mx:formField id="node_mobilizon" id="node_mobilizon"/>
</div>
</div>
</div>
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-matrix-org"></i></span><mx:formField id="node_matrix" id="node_matrix"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-peertube"></i></span><mx:formField id="node_peertube" id="node_peertube"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-nextcloud"></i></span><mx:formField id="node_nextcloud" id="node_nextcloud"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-twitter"></i></span><mx:formField id="node_twitter" id="node_twitter"/>
</div>
</div>
</div>
<div class="row mb-0 w-100">
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-facebook"></i></span><mx:formField id="node_facebook" id="node_facebook"/>
</div>
</div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
</div>
</div>
<!--</div>
@ -123,19 +126,19 @@
<input type='hidden' class="hidden" name='MAX_FILE_SIZE' value='10000000000000'/>
<div class="row mb-0 w-100">
<div class="col">
<div class="input-group input-group-sm">
<div class="input-group input-group-sm justify-content-center">
<label class="input-group-text large" for="uploadFileLogo"><mx:text id="lblUploadLogoFile"/></label>
<input type="file" class="form-control" name="uploadFileLogo" id="uploadFileLogo"/>
</div>
</div>
<div class="col">
<div class="input-group input-group-sm">
<div class="input-group input-group-sm justify-content-center">
<label class="input-group-text large" for="uploadFileFavicon"><mx:text id="lblUploadFaviconFile"/></label>
<input type="file" class="form-control" name="uploadFileFavicon" id="uploadFileFavicon"/>
</div>
</div>
<div class="col">
<div class="input-group input-group-sm">
<div class="input-group input-group-sm justify-content-center">
<label class="input-group-text large" for="uploadFile"><mx:text id="lblUploadFile"/></label>
<input type="file" class="form-control" name="uploadFile" id="uploadFile"/>
</div>
@ -158,7 +161,7 @@
<div class="row mb-0 w-100">
<mx:bloc id="actionAdminClass">
<div class="col-3">
<div class="input-group input-group-sm mb-1">
<div class="input-group input-group-sm justify-content-center mb-1">
<div class="input-group-text verylarge checkbox"><mx:image id="classIcon"/><mx:text id="className"/></div>
<mx:checker id="classId" class="form-check"/>
</div>
@ -173,25 +176,25 @@
<div class="card-body form">
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-venus-mars"></i></span>
<mx:select id="user_title"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-user"></i></span>
<mx:formField id="user_first_name" id="firstname"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-user"></i></span>
<mx:formField id="user_last_name" id="lastname"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-envelope-o text-danger"></i></span>
<mx:formField id="user_mail" id="mail"/>
</div>
@ -199,25 +202,25 @@
</div>
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-user-secret text-danger"></i></span>
<mx:formField id="user_login" id="user_login"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-lock text-danger"></i></span>
<mx:formField id="user_password" id="user_password"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-lock text-danger"></i></span>
<mx:formField id="user_password2" id="user_password2"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-birthday-cake text-danger"></i></span>
<mx:formField id="user_birthdate" id="birthdate" data-provide="datepicker" data-date-format="dd/mm/yyyy" data-date-language="fr"/>
</div>
@ -225,25 +228,25 @@
</div>
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-envelope"></i></span>
<mx:formField id="user_postal_address" id="postaladdress"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-envelope"></i></span>
<mx:formField id="user_postal_code" id="postalcode"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-location-arrow"></i></span>
<mx:formField id="user_city" id="city"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-flag text-danger"></i></span>
<mx:formField id="user_country" id="country"/>
</div>
@ -251,19 +254,19 @@
</div>
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-envelope"></i></span>
<mx:formField id="user_state" id="state"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-mobile"></i></span>
<mx:formField id="user_tel" id="tel"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-fax"></i></span>
<mx:formField id="user_fax" id="fax"/>
</div>
@ -272,25 +275,25 @@
</div>
<div class="row mb-0 w-100">
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-mastodon"></i></span>
<mx:formField id="user_mastodon" id="user_mastodon"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-xmpp"></i></span>
<mx:formField id="user_jabber" id="user_jabber"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-facebook"></i></span>
<mx:formField id="user_facebook" id="user_facebook"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-globe"></i></span>
<mx:formField id="user_website" id="user_website"/>
</div>
@ -304,11 +307,11 @@
<div class="card-body form mx-auto">
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group input-group-sm"><span class="glyphicon glyphicon-user required"></span><mx:text id="TxtTemplateAvailNode"/><mx:select id="TEMPLATE_ADMIN" id="template" onchange="javascript:imgTemplate();"/>
<div class="input-group input-group-sm justify-content-center"><span class="glyphicon glyphicon-user required"></span><mx:text id="TxtTemplateAvailNode"/><mx:select id="TEMPLATE_ADMIN" id="template" onchange="javascript:imgTemplate();"/>
</div>
</div>
<div class="col">
<div class="input-group input-group-sm"><span class="glyphicon"></span><img name="pictoTemplate" id="pictoTemplate" src="data/template/default/preview.png" mXattribut="alt:previewtemplate" class="preview" />
<div class="input-group input-group-sm justify-content-center"><span class="glyphicon"></span><img name="pictoTemplate" id="pictoTemplate" src="data/template/default/preview.png" mXattribut="alt:previewtemplate" class="preview" />
</div>
</div>
</div>
@ -324,7 +327,7 @@
<!--</div>
<div class="card text-center border-0">-->
<div class="card-header"><h3><mx:text id="TxtCommValidateCreate"/></h3></div>
<!-- <div class="card-header"><h3><mx:text id="TxtCommValidateCreate"/></h3></div> -->
<div class="card-footer border-0 text-center">
<input type="reset" class="btn btn-outline-secondary btn-lg btn-sm" aria-pressed="true" name="BtnReset" onclick="this.form.reset();" title="<mx:text id="ResetChange"/>" value="<mx:text id="BtnReset"/>"/>
<input type="button" class="btn btn-outline-secondary btn-lg btn-sm" aria-pressed="true" name="BtnReturn" onclick="history.back();" value="<mx:text id="BtnReturn"/>"/>

View File

@ -11,7 +11,7 @@
<div class="tab-content container-fluid py-2 px-0 border w-75">
<form id="configGroup" role="form" class="form text-center px-0" method="post" mXattribut="action:urlAction">
<div class="card w-100 border-0">
<div class="card with-tab w-100 border-0">
<div class="card-header text-center">
<h3><mx:text id="TxtGroupAdd"/></h3>
</div>

View File

@ -10,7 +10,7 @@
</ul>
<div class="tab-content container-fluid px-0 py-2 border w-75">
<form id="configGroup" name="configGroup" role="form" class="form text-center px-0" method="post" action="#">
<div class="card w-100 border-0">
<div class="card with-tab w-100 border-0">
<div class="card-header text-center">
<h3><mx:text id="Delete_etape1"/></h3>
</div>

View File

@ -11,7 +11,7 @@
<div class="tab-content container-fluid px-0 py-2 border w-75">
<form id="configGroup" name="configGroup" role="form" class="form text-center px-0" method="post" action="">
<div class="card w-100 border-0">
<div class="card with-tab w-100 border-0">
<div class="card-header text-center">
<h3><mx:text id="Update_etape1"/></h3>
</div>

View File

@ -9,7 +9,7 @@
</mx:bloc id="TabeB">
</ul>
<div class="tab-content container-fluid py-0 w-75 px-0">
<div class="card border-0 my-0">
<div class="card with-tab border-0 my-0">
<!--<mx:bloc id="BtnNodeCreate">
<form method="post" mXattribut="action:urlActionCreate">
<div class="card-header border-0 bg-white text-center">
@ -22,68 +22,71 @@
<form id="configNode" role="form" class="form-inline px-0 container-fluid" method="post" mXattribut="action:urlAction">
<div class="card-header"><h3><mx:text id="TxtNodeAdd"/></h3></div>
<div class="card-body form">
<div class="row mb-1 w-100 mx-auto">
<div class="row mb-1 w-100">
<div class="col">
<mx:bloc id="blocName">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><span class="fa"><mx:image id="pictoLanguage"/><span class="text-danger"> *</span></span></span><mx:formField id="nameInput"/>
</div>
</mx:bloc id="blocName">
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text input-group-text-right" id="newsicon"><i class="fa fa-lg fa-file-picture-o"></i></span><mx:select id="icone" onchange="javascript:imgPicto();"/><span class="input-group-text input-group-text-right"><mx:image id="pictoObject" id="pictoObject"/></span>
</div>
</div>
<div class="col">
<div class="input-group">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span><mx:select id="NODE" id="NodeIn"/>
</div>
</div>
</div>
<div class="row mb-1 w-100 mx-auto">
<div class="col">
<div class="input-group">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span><mx:formField id="domain"/>
</div>
</div>
<div class="col">
<div class="input-group">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span><mx:select id="COMMPROFILES" id="NodeEntry_type"/>
</div>
</div>
<div class="col">
<div class="input-group">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span><mx:formField id="ctypereg"/>
</div>
</div>
</div>
<div class="row my-5 w-100">
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text large"><mx:text id="txtCommHasPublicPage"/></span><input data-toggle="toggle" data-style="float-right" data-onstyle="success fw-bold" data-offstyle="danger fw-bold" data-bs-size="mini" type="checkbox" name="node_haspublic">
</div>
</div>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text large"><mx:text id="txtCommPublicList"/></span><input data-toggle="toggle" data-style="float-right" data-onstyle="success fw-bold" data-offstyle="danger fw-bold" data-bs-size="mini" type="checkbox" name="node_listpublic">
</div>
</div>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text large"><mx:text id="txtCommRegisterEnable"/></span><input data-toggle="toggle" data-style="float-right" data-onstyle="success fw-bold" data-offstyle="danger fw-bold" data-bs-size="mini" type="checkbox" name="node_registerenable">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span><mx:select id="listNode" id="listNode"/>
</div>
</div>
</div>
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span><mx:formField id="domain"/>
</div>
</div>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span><mx:select id="COMMPROFILES" id="NodeEntry_type"/>
</div>
</div>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span><mx:formField id="ctypereg"/>
</div>
</div>
</div>
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text large input-group-toggle"><mx:text id="txtCommHasPublicPage"/></span>
<input data-toggle="toggle" data-style="float-end" data-onstyle="success fw-bold" data-on="Actif" data-offstyle="danger fw-bold" data-off="Désactivé" data-size="small" type="checkbox" name="node_haspublic">
</div>
</div>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text large input-group-toggle"><mx:text id="txtCommPublicList"/></span>
<input data-toggle="toggle" data-style="float-end" data-onstyle="success fw-bold" data-on="Actif" data-offstyle="danger fw-bold" data-off="Désactivé" data-size="small" type="checkbox" name="node_listpublic">
</div>
</div>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text large input-group-toggle"><mx:text id="txtCommRegisterEnable"/></span>
<input data-toggle="toggle" data-style="float-end" data-onstyle="success fw-bold" data-on="Actif" data-offstyle="danger fw-bold" data-off="Désactivé" data-size="small" type="checkbox" name="node_registerenable">
</div>
</div>
</div>
<div class="row mt-5 w-100">
<div class="col"></div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-picture-o"></i></span><mx:select id="template" onchange="javascript:imgTemplate();"/>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<mx:image id="screenTemplate" id="screenTemplate"/>
</div>
</div>

View File

@ -10,7 +10,7 @@
</ul>
<div class="tab-content container-fluid px-0 py-2 border w-75">
<form id="configNode" name="configNode" role="form" class="form text-center px-0" method="post" action="#">
<div class="card w-100 border-0">
<div class="card with-tab w-100 border-0">
<div class="card-header text-center">
<h3><mx:text id="Delete_etape1"/></h3>
</div>

View File

@ -11,7 +11,7 @@
<div class="tab-content container-fluid px-0 py-2 border w-75">
<form id="configNode" name="configNode" role="form" class="form text-center px-0" method="post" mXattribut="action:urlAction">
<div class="card w-100 border-0">
<div class="card with-tab w-100 border-0">
<div class="card-header text-center">
<h3><mx:text id="Update_etape1"/></h3>
</div>

View File

@ -10,7 +10,7 @@
</ul>
<div class="tab-content container-fluid px-0 py-2 w-75 border">
<div class="card w-100 border-0">
<div class="card with-tab w-100 border-0">
<form id="frmAddObject" name="frmAddObject" role="form" class="container form-inline" method="post" mXattribut="action:urlAction">
<div class="card-body border-0">
<div class="row justify-content-center">

View File

@ -9,7 +9,7 @@
</mx:bloc id="TabeB">
</ul>
<div class="tab-content container-fluid px-0 py-2 border w-75">
<div class="card w-100 text-center border-0">
<div class="card with-tab w-100 text-center border-0">
<div class="card-header text-center">
<h3><mx:text id="TabeBTabeNameView"/> (<mx:text id="TxtActionInstallControlTitle"/>)</h3>
</div>