diff --git a/datamodels/2.x/itop-portal-base/portal/src/views/bricks/object/mode_create.html.twig b/datamodels/2.x/itop-portal-base/portal/src/views/bricks/object/mode_create.html.twig
index 8b95dd8a3..1693f49fc 100644
--- a/datamodels/2.x/itop-portal-base/portal/src/views/bricks/object/mode_create.html.twig
+++ b/datamodels/2.x/itop-portal-base/portal/src/views/bricks/object/mode_create.html.twig
@@ -30,8 +30,14 @@
{% endif %}
{% if form.editable_fields_count is defined and form.editable_fields_count > 0 %}
-
-
+
+
{% else %}
{% if tIsModal %}
@@ -66,13 +72,11 @@
var oNormalRegularButtons_{{ sFormIdSanitized }} = $('#{{ sFormId }} .form_btn_regular');
var oStickyRegularButtons_{{ sFormIdSanitized }} = oNormalRegularButtons_{{ sFormIdSanitized }}.clone(true, true);
oStickyRegularButtons_{{ sFormIdSanitized }}.addClass('sticky');
- {% if tIsModal == true %}
- oStickyRegularButtons_{{ sFormIdSanitized }}.find('.form_btn_submit').html('');
- oStickyRegularButtons_{{ sFormIdSanitized }}.find('.form_btn_cancel').html('');
- $('#{{ sFormId }}').closest('.modal').append(oStickyRegularButtons_{{ sFormIdSanitized }});
- {% else %}
- $('#{{ sFormId }}').closest('#main-content').append(oStickyRegularButtons_{{ sFormIdSanitized }});
- {% endif %}
+ oStickyRegularButtons_{{ sFormIdSanitized }}.find('.form_btn_submit').html( oStickyRegularButtons_{{ sFormIdSanitized }}.find('.form_btn_submit span.glyphicon')[0].outerHTML );
+ oStickyRegularButtons_{{ sFormIdSanitized }}.find('.form_btn_cancel').html( oStickyRegularButtons_{{ sFormIdSanitized }}.find('.form_btn_cancel span.glyphicon')[0].outerHTML );
+
+ $('#{{ sFormId }}').closest({% if tIsModal == true %}'.modal'{% else %}'#main-content'{% endif %}).append(oStickyRegularButtons_{{ sFormIdSanitized }});
+
// - Global timeout for any
var oScrollTimeout;
// - Scroll handler
diff --git a/datamodels/2.x/itop-portal-base/portal/web/css/portal.css b/datamodels/2.x/itop-portal-base/portal/web/css/portal.css
index eca8bcbd0..89978ca0f 100644
--- a/datamodels/2.x/itop-portal-base/portal/web/css/portal.css
+++ b/datamodels/2.x/itop-portal-base/portal/web/css/portal.css
@@ -616,6 +616,10 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
margin-left: 0.5em;
font-size: 0.85em;
color: #d9230f; /* TODO : SASS this to primary color */
+ transition: transform 0.2s linear;
+}
+.form_linkedset_toggler > .glyphicon.collapsed{
+ transform: rotateZ(-90deg);
}
/* - DataTables : Loader */
.form_linkedset_wrapper .datatables_overlay{
@@ -769,6 +773,9 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
.form_buttons .form_btn_transitions{
margin-bottom: 20px;
}
+.form_buttons .btn .glyphicon{
+ margin-right: 0.5em;
+}
.form_btn_regular.sticky{
display: none;
}
@@ -786,32 +793,27 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
.form_btn_regular.sticky{
display: block;
position: fixed;
+ bottom: 5em;
+ right: -2px; /* TODO : SASS this to col-xs-12 padding */
padding: 15px;
background-color: #FFF; /* TODO : SASS this to panel bg */
border: 1px solid #DDD; /* TODO : SASS this to panel border */
border-radius: 4px; /* TODO : SASS this to panel border */
- }
- /* - For regular layout */
- #main-content .form_btn_regular.sticky{
- bottom: 0px;
- right: 15px; /* TODO : SASS this to col-xs-12 padding */
- transition: bottom 0.3s;
- }
- #main-content .form_btn_regular.sticky.closed{
- bottom: -80px;
- }
- /* - For modal layout */
- .modal.in .form_btn_regular.sticky{
- bottom: 5em;
- right: 15px; /* TODO : SASS this to col-xs-12 padding */
transition: right 0.3s;
}
- .modal.in .form_btn_regular.sticky.closed{
+ .form_btn_regular.sticky.closed{
right: -75px;
}
- .modal.in .form_btn_regular.sticky button{
+ .form_btn_regular.sticky button{
display: block;
}
+ .form_btn_regular.sticky button:first-child{
+ margin-bottom: 4px;
+ }
+ /* - Adjustments for modal sticky buttons */
+ .modal.in .form_btn_regular.sticky{
+ /*right: 15px;*/ /* TODO : SASS this to col-xs-12 padding */
+ }
}
/* CKEditor : Adding BS error feedback */