pporto/opportunities-extension
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 10 Wiki Activity

Minor layout responsiveness adjustments

Browse Source
This commit is contained in:
Paulo Porto
2026-09-23 23:54:22 -03:00
parent b92d75f558
commit b8c493fc20
10 changed files with 216 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/features/install-base/styles.css
View File

@@ -1,15 +1,46 @@
.opportunities-extension-account-plans-dialog.opportunities-extension-install-base-dialog {
width: min(1700px, 100%);
}
.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header {
padding: 10px 12px;
gap: 12px;
}
.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header h2 {
font-size: 16px;
line-height: 22px;
}
.opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header p {
font-size: 12px;
line-height: 16px;
margin-top: 3px;
overflow-wrap: anywhere;
}
.opportunities-extension-install-base-dialog .opportunities-extension-icon-button {
width: 28px;
height: 28px;
min-width: 28px;
min-height: 28px;
padding: 4px;
}
.opportunities-extension-install-base-dialog .opportunities-extension-customer-table-toolbar {
padding: 8px 12px;
}
.opportunities-extension-install-base-dialog .opportunities-extension-customer-table-search {
width: min(320px, 100%);
height: 32px;
padding: 4px 8px;
font-size: 12px;
line-height: 20px;
}
.opportunities-extension-install-base-content {
min-width: 0;
min-height: 0;
overflow: auto;
scrollbar-gutter: stable;
}
.opportunities-extension-install-base-message { margin: 16px; font-size: 13px; }
.opportunities-extension-install-base-message { margin: 10px 12px; font-size: 12px; line-height: 16px; }
.opportunities-extension-install-base-table {
width: 100%; min-width: 1400px; table-layout: fixed; border-collapse: collapse; font-size: 12px;
width: 100%; min-width: 1120px; table-layout: fixed; border-collapse: collapse; font-size: 11px;
}
.opportunities-extension-install-base-table col { width: 7%; }
.opportunities-extension-install-base-table .install-base-col-partyName { width: 12%; }
@@ -19,7 +50,7 @@
.opportunities-extension-install-base-table .install-base-col-quantityType { width: 8%; }
.opportunities-extension-install-base-table th,
.opportunities-extension-install-base-table td {
padding: 12px 8px; text-align: left; vertical-align: middle; overflow-wrap: anywhere;
padding: 8px 6px; text-align: left; vertical-align: middle; overflow-wrap: anywhere;
border-bottom: 1px solid #e8e5e1; line-height: 1.4;
}
.opportunities-extension-install-base-table th { position: sticky; top: 0; z-index: 1; background: #faf9f8; }
@@ -27,7 +58,7 @@
.opportunities-extension-install-base-table td[data-format="quantity"] { text-align: right; font-variant-numeric: tabular-nums; }
.opportunities-extension-install-base-table td[data-format="date"] { white-space: nowrap; }
.opportunities-extension-install-base-status {
display: inline-block; padding: 3px 6px; border-radius: 12px; font-size: 10px; font-weight: 600;
display: inline-block; padding: 2px 5px; border-radius: 12px; font-size: 10px; font-weight: 600;
color: #5f5a55; background: #eceae8; white-space: nowrap;
}
.opportunities-extension-install-base-status[data-status="ACTIVE"] { color: #17693a; background: #e1f1e5; }