From a49fdc0ac2539e3d74157759cf8db79112895e65 Mon Sep 17 00:00:00 2001
From: Prasad <prasad@vtiger.com>
Date: Fri, 3 May 2024 12:41:29 +0530
Subject: [PATCH] Fixes #1736: Lineitem row style fixes

---
 layouts/v7/skins/contact/style.css             | 14 ++++++++++++++
 layouts/v7/skins/inventory/style.css           | 14 ++++++++++++++
 layouts/v7/skins/marketing/style.css           | 14 ++++++++++++++
 layouts/v7/skins/marketing_and_sales/style.css | 14 ++++++++++++++
 layouts/v7/skins/project/style.css             | 14 ++++++++++++++
 layouts/v7/skins/sales/style.css               | 14 ++++++++++++++
 layouts/v7/skins/support/style.css             | 14 ++++++++++++++
 layouts/v7/skins/tools/style.css               | 14 ++++++++++++++
 layouts/v7/skins/vtiger/style.less             | 15 +++++++++++++++
 9 files changed, 127 insertions(+)

diff --git a/layouts/v7/skins/contact/style.css b/layouts/v7/skins/contact/style.css
index a28b96410..ca0cbb844 100644
--- a/layouts/v7/skins/contact/style.css
+++ b/layouts/v7/skins/contact/style.css
@@ -6229,6 +6229,20 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/* Fix Text area in Line Items */
+table#lineItemTab textarea.lineItemCommentBox {
+  width: 90%;
+  /* Line-height is 1.4 so this is an approximation of 4 lines high */
+  min-height: 5.6em;
+}
+/* Change width of columns in LineItems (1) drag-handler (3) quanity (4) price */
+table#lineItemTab tbody tr > :nth-child(1) {
+  width: 5%;
+}
+table#lineItemTab tbody tr > :nth-child(3),
+table#lineItemTab tbody tr > :nth-child(4) {
+  width: 10%;
+}
 /***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
diff --git a/layouts/v7/skins/inventory/style.css b/layouts/v7/skins/inventory/style.css
index cb673dd68..76503dffb 100644
--- a/layouts/v7/skins/inventory/style.css
+++ b/layouts/v7/skins/inventory/style.css
@@ -6229,6 +6229,20 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/* Fix Text area in Line Items */
+table#lineItemTab textarea.lineItemCommentBox {
+  width: 90%;
+  /* Line-height is 1.4 so this is an approximation of 4 lines high */
+  min-height: 5.6em;
+}
+/* Change width of columns in LineItems (1) drag-handler (3) quanity (4) price */
+table#lineItemTab tbody tr > :nth-child(1) {
+  width: 5%;
+}
+table#lineItemTab tbody tr > :nth-child(3),
+table#lineItemTab tbody tr > :nth-child(4) {
+  width: 10%;
+}
 /***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
diff --git a/layouts/v7/skins/marketing/style.css b/layouts/v7/skins/marketing/style.css
index 6ea9bf979..377f469fc 100644
--- a/layouts/v7/skins/marketing/style.css
+++ b/layouts/v7/skins/marketing/style.css
@@ -6229,6 +6229,20 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/* Fix Text area in Line Items */
+table#lineItemTab textarea.lineItemCommentBox {
+  width: 90%;
+  /* Line-height is 1.4 so this is an approximation of 4 lines high */
+  min-height: 5.6em;
+}
+/* Change width of columns in LineItems (1) drag-handler (3) quanity (4) price */
+table#lineItemTab tbody tr > :nth-child(1) {
+  width: 5%;
+}
+table#lineItemTab tbody tr > :nth-child(3),
+table#lineItemTab tbody tr > :nth-child(4) {
+  width: 10%;
+}
 /***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
diff --git a/layouts/v7/skins/marketing_and_sales/style.css b/layouts/v7/skins/marketing_and_sales/style.css
index 0271494f1..711a897f5 100644
--- a/layouts/v7/skins/marketing_and_sales/style.css
+++ b/layouts/v7/skins/marketing_and_sales/style.css
@@ -6229,6 +6229,20 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/* Fix Text area in Line Items */
+table#lineItemTab textarea.lineItemCommentBox {
+  width: 90%;
+  /* Line-height is 1.4 so this is an approximation of 4 lines high */
+  min-height: 5.6em;
+}
+/* Change width of columns in LineItems (1) drag-handler (3) quanity (4) price */
+table#lineItemTab tbody tr > :nth-child(1) {
+  width: 5%;
+}
+table#lineItemTab tbody tr > :nth-child(3),
+table#lineItemTab tbody tr > :nth-child(4) {
+  width: 10%;
+}
 /***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
diff --git a/layouts/v7/skins/project/style.css b/layouts/v7/skins/project/style.css
index c837291e6..bce7d465a 100644
--- a/layouts/v7/skins/project/style.css
+++ b/layouts/v7/skins/project/style.css
@@ -6229,6 +6229,20 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/* Fix Text area in Line Items */
+table#lineItemTab textarea.lineItemCommentBox {
+  width: 90%;
+  /* Line-height is 1.4 so this is an approximation of 4 lines high */
+  min-height: 5.6em;
+}
+/* Change width of columns in LineItems (1) drag-handler (3) quanity (4) price */
+table#lineItemTab tbody tr > :nth-child(1) {
+  width: 5%;
+}
+table#lineItemTab tbody tr > :nth-child(3),
+table#lineItemTab tbody tr > :nth-child(4) {
+  width: 10%;
+}
 /***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
diff --git a/layouts/v7/skins/sales/style.css b/layouts/v7/skins/sales/style.css
index 0271494f1..711a897f5 100644
--- a/layouts/v7/skins/sales/style.css
+++ b/layouts/v7/skins/sales/style.css
@@ -6229,6 +6229,20 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/* Fix Text area in Line Items */
+table#lineItemTab textarea.lineItemCommentBox {
+  width: 90%;
+  /* Line-height is 1.4 so this is an approximation of 4 lines high */
+  min-height: 5.6em;
+}
+/* Change width of columns in LineItems (1) drag-handler (3) quanity (4) price */
+table#lineItemTab tbody tr > :nth-child(1) {
+  width: 5%;
+}
+table#lineItemTab tbody tr > :nth-child(3),
+table#lineItemTab tbody tr > :nth-child(4) {
+  width: 10%;
+}
 /***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
diff --git a/layouts/v7/skins/support/style.css b/layouts/v7/skins/support/style.css
index aa735ce15..098ff00a1 100644
--- a/layouts/v7/skins/support/style.css
+++ b/layouts/v7/skins/support/style.css
@@ -6229,6 +6229,20 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/* Fix Text area in Line Items */
+table#lineItemTab textarea.lineItemCommentBox {
+  width: 90%;
+  /* Line-height is 1.4 so this is an approximation of 4 lines high */
+  min-height: 5.6em;
+}
+/* Change width of columns in LineItems (1) drag-handler (3) quanity (4) price */
+table#lineItemTab tbody tr > :nth-child(1) {
+  width: 5%;
+}
+table#lineItemTab tbody tr > :nth-child(3),
+table#lineItemTab tbody tr > :nth-child(4) {
+  width: 10%;
+}
 /***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
diff --git a/layouts/v7/skins/tools/style.css b/layouts/v7/skins/tools/style.css
index a5a3b7ba7..245b099e2 100644
--- a/layouts/v7/skins/tools/style.css
+++ b/layouts/v7/skins/tools/style.css
@@ -6229,6 +6229,20 @@ div.tooltip-inner {
   float: left;
   margin-right: 5px;
 }
+/* Fix Text area in Line Items */
+table#lineItemTab textarea.lineItemCommentBox {
+  width: 90%;
+  /* Line-height is 1.4 so this is an approximation of 4 lines high */
+  min-height: 5.6em;
+}
+/* Change width of columns in LineItems (1) drag-handler (3) quanity (4) price */
+table#lineItemTab tbody tr > :nth-child(1) {
+  width: 5%;
+}
+table#lineItemTab tbody tr > :nth-child(3),
+table#lineItemTab tbody tr > :nth-child(4) {
+  width: 10%;
+}
 /***** Oursites Changes *****/
 .portal-table .table-actions {
   width: inherit ! important;
diff --git a/layouts/v7/skins/vtiger/style.less b/layouts/v7/skins/vtiger/style.less
index 66ee04248..fd0678baf 100644
--- a/layouts/v7/skins/vtiger/style.less
+++ b/layouts/v7/skins/vtiger/style.less
@@ -6983,6 +6983,21 @@ float:left;
 margin-right: 5px;
 }
 
+/* Fix Text area in Line Items */
+table#lineItemTab textarea.lineItemCommentBox {
+  width:90%;
+  /* Line-height is 1.4 so this is an approximation of 4 lines high */
+  min-height: 5.6em;
+}
+/* Change width of columns in LineItems (1) drag-handler (3) quanity (4) price */
+table#lineItemTab tbody tr>:nth-child(1) {
+  width:5%;
+}
+table#lineItemTab tbody tr>:nth-child(3),
+table#lineItemTab tbody tr>:nth-child(4) {
+  width:10%;
+}
+
 /***** Oursites Changes *****/
 .portal-table .table-actions{
     width:inherit ! important;
-- 
GitLab