WebSVN – SmartDukaan – Diff – //trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/rbm-drr-dashboard.vm

       -webkit-font-smoothing: antialiased;
       font-size: 14px
+    }
     .wrap {
-      max-width: 1440px;
+      max-width: none;
       margin: 0 auto;
-      padding: 22px 26px 100px
+      padding: 22px 20px 100px
+    }
     a {
       color: var(--brand);
       text-decoration: none
     #rdrrPmWrap {
       overflow: hidden
+    }
     #rdrrPmWrap .pm-grid-wrap {
-      overflow: auto;
+      overflow: hidden;
-      max-height: 640px;
       border: 1px solid var(--line);
       border-radius: 10px;
       background: #fff
+    }
     #rdrrPmWrap .pm-grid {
       border-collapse: separate;
       border-spacing: 0;
       width: 100%;
+      table-layout: fixed;
-      font-size: 12.5px;
+      font-size: 12px;
       background: #fff
+    }
     /* --- header (brand strip) --- */
     #rdrrPmWrap .pm-grid thead th {
-      position: sticky;
-      top: 0;
-      z-index: 3;
-      padding: 10px 12px;
+      padding: 8px 6px;
       color: #fff;
       font-weight: 700;
-      letter-spacing: .06em;
+      letter-spacing: .05em;
-      font-size: 11.5px;
+      font-size: 10.5px;
       text-transform: uppercase;
       text-align: center;
       white-space: nowrap;
       background: linear-gradient(180deg, var(--brand2), var(--brand));
-      border-bottom: 2px solid rgba(0, 0, 0, .08);
+      border-bottom: 2px solid rgba(0, 0, 0, .08)
-      box-shadow: 0 2px 0 rgba(0, 0, 0, .04)
+    }
     #rdrrPmWrap .pm-grid thead th.pm-corner {
-      left: 0;
+      width: 150px;
-      z-index: 5;
       background: #fff;
       color: var(--ink);
       text-align: left;
-      min-width: 180px;
       border-right: 1px solid var(--line);
-      padding: 8px 14px
+      padding: 8px 12px
+    }
     #rdrrPmWrap .pm-corner-lbl {
-      font-size: 12px;
+      font-size: 11.5px;
       font-weight: 700;
       letter-spacing: .05em;
       color: var(--ink)
+    }
     #rdrrPmWrap .pm-corner-hint {
-      font-size: 10.5px;
+      font-size: 10px;
       color: var(--soft);
       font-weight: 500;
       letter-spacing: .02em;
       text-transform: none;
-      margin-top: 2px
+      margin-top: 1px
-    }
-    /* --- rows --- */
-    #rdrrPmWrap .pm-grid tbody tr.pm-row + tr.pm-row td {
-      border-top: 1px solid var(--line2)
-    }
-    #rdrrPmWrap .pm-grid tbody tr.pm-row:hover td:not(.pm-name) {
-      outline: 1px solid rgba(59, 91, 219, .35);
-      outline-offset: -1px
-    }
-    #rdrrPmWrap .pm-grid tbody tr.pm-row:hover .pm-name {
-      background: #eef2fb
+    }
-    /* --- name column (sticky) --- */
+    /* --- name column --- */
     #rdrrPmWrap .pm-name {
-      position: sticky;
-      left: 0;
+      width: 150px;
-      z-index: 2;
       background: #fff;
-      padding: 10px 14px;
+      padding: 8px 12px;
-      min-width: 180px;
-      max-width: 220px;
       border-right: 1px solid var(--line);
       vertical-align: middle
+    }
     #rdrrPmWrap .pm-name-txt {
       font-weight: 650;
-      font-size: 13px;
+      font-size: 12.5px;
       color: var(--ink);
       line-height: 1.2;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis
+    }
     #rdrrPmWrap .pm-name-sub {
-      font-size: 10.5px;
+      font-size: 9.5px;
       color: var(--soft);
-      margin-top: 2px;
+      margin-top: 1px;
       letter-spacing: .04em;
       text-transform: uppercase;
       font-weight: 600
+    }
     /* --- data cells --- */
     #rdrrPmWrap .pm-cell {
-      padding: 9px 12px;
+      padding: 6px 8px;
       text-align: right;
       vertical-align: middle;
       font-variant-numeric: tabular-nums;
       color: var(--ink);
-      transition: outline-color .1s
+      overflow: hidden
+    }
     #rdrrPmWrap .pm-cell-zero {
       color: #cbd0d9;
-      font-size: 15px;
+      font-size: 14px;
-      font-weight: 500
+      font-weight: 500;
+      text-align: center
+    }
     #rdrrPmWrap .pm-billed {
       font-weight: 700;
-      font-size: 13.5px;
+      font-size: 12.5px;
-      line-height: 1.15;
+      line-height: 1.1;
-      color: var(--ink)
+      color: var(--ink);
+      white-space: nowrap
+    }
     #rdrrPmWrap .pm-meta {
-      margin-top: 3px;
+      margin-top: 2px;
-      font-size: 10.5px;
+      font-size: 9.5px;
       color: var(--soft);
       font-weight: 500;
-      letter-spacing: .02em;
+      line-height: 1.1;
-      display: flex;
+      white-space: nowrap;
-      justify-content: flex-end;
+      overflow: hidden;
-      gap: 8px;
-      line-height: 1.15
+      text-overflow: ellipsis
+    }
     #rdrrPmWrap .pm-partners {
       color: #177a3a
+    }
+    #rdrrPmWrap .pm-meta-sep {
+      opacity: .4;
+      margin: 0 3px
+    }
     #rdrrPmWrap .pm-po {
       color: #4a55a8
+    }
-    #rdrrPmWrap .pm-unit {
+    /* --- row hover --- */
+    #rdrrPmWrap .pm-grid tbody tr.pm-row + tr.pm-row td {
-      font-size: 9.5px;
+      border-top: 1px solid var(--line2)
-      opacity: .75;
+    }
+    #rdrrPmWrap .pm-grid tbody tr.pm-row:hover .pm-name {
-      margin-left: 1px
+      background: #eef2fb
+    }
     /* --- totals row (pinned at top, distinct) --- */
     #rdrrPmWrap .pm-total-row .pm-name {
       background: linear-gradient(180deg, #f2f5fb, #eaeff9);
+    }
     #rdrrPmWrap .pm-cell-total .pm-billed {
       color: var(--brand);
       font-weight: 800;
-      font-size: 14px
+      font-size: 13px
+    }
     /* --- brand accent header gradients (slug matches JS output) --- */
     #rdrrPmWrap .pm-grid thead th.total {
       background: linear-gradient(180deg, #3b5bdb, #28449e)
       var other = s.substring(0, s.length - 3);
       if (other !== "") lastThree = "," + lastThree;
       return other.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree;
+    }
-    // Compact currency: >= 1L => "12.4 L", >= 1K => "45.2 K", else raw.
+    // Compact currency: >= 1Cr => "1.19Cr", >= 1L => "18.68L", >= 1K => "28.4K", else raw.
+    // `tight=true` drops the space before the unit for narrow cells.
-    function pmCompactCurrency(n) {
+    function pmCompactCurrency(n, tight) {
       n = Number(n) || 0;
+      var sp = tight ? "" : " ";
-      if (n >= 10000000) return "₹" + (n / 10000000).toFixed(2) + " Cr";
+      if (n >= 10000000) return "₹" + (n / 10000000).toFixed(2) + sp + "Cr";
-      if (n >= 100000) return "₹" + (n / 100000).toFixed(2) + " L";
+      if (n >= 100000) return "₹" + (n / 100000).toFixed(2) + sp + "L";
-      if (n >= 1000) return "₹" + (n / 1000).toFixed(1) + " K";
+      if (n >= 1000) return "₹" + (n / 1000).toFixed(1) + sp + "K";
       return "₹" + numberToIndianCurrency(Math.round(n));
+    }
     // Parse the injected multi-table fragment into:
     //   { brands: [{name, slug}], rows: [{name, cells: {brand: {po, count, billed}}, totals: {po, count, billed}}] }
           var style = (!row.isTotal && intensity > 0)
                   ? ' style="background: rgba(59,91,219,' + bgAlpha + ')"' : '';
           if (isZero) {
             html.push('<td class="pm-cell pm-cell-zero">&mdash;</td>');
           } else {
-            var billedTxt = pmCompactCurrency(c.billed);
+            var billedTxt = pmCompactCurrency(c.billed, true);
-            var poTxt = c.po > 0 ? pmCompactCurrency(c.po) : '';
+            var poTxt = c.po > 0 ? pmCompactCurrency(c.po, true) : '';
-            var partnerTxt = c.count > 0 ? (c.count + ' <span class="pm-unit">ptr</span>') : '';
+            var partnerTxt = c.count > 0 ? (c.count + 'p') : '';
+            var metaBits = [];
+            if (partnerTxt) metaBits.push('<span class="pm-partners">' + partnerTxt + '</span>');
+            if (poTxt) metaBits.push('<span class="pm-po">' + poTxt + '</span>');
             html.push('<td class="pm-cell' + (row.isTotal ? ' pm-cell-total' : '') + '"' + style + '>' +
                     '<div class="pm-billed">' + billedTxt + '</div>' +
-                    '<div class="pm-meta">' +
-                    (partnerTxt ? '<span class="pm-partners">' + partnerTxt + '</span>' : '') +
-                    (poTxt ? '<span class="pm-po">' + poTxt + '<span class="pm-unit"> PO</span></span>' : '') +
+                    (metaBits.length ? '<div class="pm-meta">' + metaBits.join('<span class="pm-meta-sep">·</span>') + '</div>' : '') +
-                    '</div>' +
                     '</td>');
+          }
         });
         html.push('</tr>');
       });

Subversion Repositories SmartDukaan

(root)//trunk/profitmandi-fofo/src/main/webapp/WEB-INF/views/ftl/rbm-drr-dashboard.vm – Rev 37522 → 37523