N°4315 - Polish bulk modify screens

css/backoffice/components/_field.scss

@@ -175,16 +175,29 @@ $ibo-field--enable-bulk--checkbox--margin-left: 8px !default;
     }
   }
 }
+
+.ibo-field--label > .ibo-field--comments {
+  flex: auto;
+  padding-bottom: 2px;
+}
+
+.ibo-fieldset-legend > .ibo-field--comments {
+  display: contents;
+  padding-bottom: 2px;
+  font-size: $ibo-font-size-150;
+}
+
 .ibo-field--comments {
   display: table-cell;
   vertical-align: top;
+  width: 5em;
 
   > input[type="checkbox"] {
     margin-left: 5px;
     float: right;
   }
 
-  > .multi_values, > .mono_value, > .ibo-field--comments--synchro{
+  > .multi_values, > .mono_value, > .ibo-field--comments--synchro {
     float: right;
   }
 }

css/backoffice/components/_fieldset.scss

@@ -18,6 +18,10 @@ $ibo-fieldset--legend--border-bottom-style: solid !default;
   }
 }
 
+.ibo-multi-column & ~ .ibo-fieldset {
+  margin-top: $ibo-fieldset--sibling-spacing;
+}
+
 .ibo-fieldset-legend {
   width: $ibo-fieldset--legend--width;
   margin-bottom: $ibo-fieldset--legend--margin-bottom;

css/backoffice/pages/_base.scss

@@ -70,8 +70,13 @@ body{
     height: 100%;
   }
 }
-#ibo-main-content{
+
-	padding-top: $ibo-main-content--padding-top;
+#ibo-main-content {
-	padding-bottom: $ibo-main-content--padding-bottom;
+  padding-top: $ibo-main-content--padding-top;
+  padding-bottom: $ibo-main-content--padding-bottom;
   overflow: auto; /* For scroll to happen in the main content instead of the center content */
+}
+
+.ui-dialog, .ui-dialog-content {
+  box-sizing: content-box;
 }

css/print.css

@@ -2,12 +2,35 @@
 @media print {
 	html {
 		font-size: 10px;
-		break-after:auto;
+		break-after: auto;
 	}
+
 	.not-printable {
 		display: none;
 	}
 
+	.ibo-panel--icon {
+		-webkit-print-color-adjust: exact !important; /* Chrome, Safari, Edge */
+		color-adjust: exact !important; /*Firefox*/
+	}
+
+	.printable-content legend::before,
+	.printable-content .ibo-activity-panel--tab-toolbar-action::before {
+		display: none;
+	}
+
+	.printable-content .strikethrough {
+		display: none;
+	}
+
+	#hiddeable_chapters .ibo-block-print--tab.strikethrough {
+		display: none;
+	}
+
+	#hiddeable_chapters .ibo-block-print--tab span::before {
+		display: none;
+	}
+
 	span.ui-layout-resizer {
 		display: none;
 	}
@@ -97,6 +120,10 @@
 		background-image: none;
 	}
 
+	.ibo-field--label > .ibo-has-description::after {
+		display: none;
+	}
+
 	/**
 		 *	PRINT Stylesheet
 		 *

templates/base/components/field/layout.html.twig

@@ -23,13 +23,21 @@
             {% endfor %}
         {% endif %}
 >
-    <div class="ibo-field--label">{{ oUIBlock.GetLabel()|raw }}</div>
+    <div class="ibo-field--label">{{ oUIBlock.GetLabel()|raw }}
-    <div class="ibo-field--value" {% if oUIBlock.GetValueId() %}id="{{ oUIBlock.GetValueId() }}"{% endif %}>
+        {% if oUIBlock.GetLayout()=='large' %}
+            {% if oUIBlock.GetComments() %}
+                <div class="ibo-field--comments">{{ oUIBlock.GetComments()|raw }}</div>
+            {% endif %}
+        {% endif %}
+    </div>
+    <div class="ibo-field--value compo" {% if oUIBlock.GetValueId() %}id="{{ oUIBlock.GetValueId() }}"{% endif %}>
         {% for oSubBlock in oUIBlock.GetSubBlocks() %}
             {{ render_block(oSubBlock, {aPage: aPage}) }}
         {% endfor %}
     </div>
-    {% if oUIBlock.GetComments() %}
+    {% if oUIBlock.GetLayout()!='large' %}
-        <div class="ibo-field--comments">{{ oUIBlock.GetComments()|raw }}</div>
+        {% if oUIBlock.GetComments() %}
+            <div class="ibo-field--comments">{{ oUIBlock.GetComments()|raw }}</div>
+        {% endif %}
     {% endif %}
 </div>