| @@ -23,9 +23,11 @@ | ||
| 23 | 23 | |
| 24 | 24 | /* Focus state for select fields */ |
| 25 | 25 | select:focus { |
| 26 | 26 | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%234f46e5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); |
| 27 | -} | |
| 27 | + background-repeat: no-repeat; | |
| 28 | + background-position:right; | |
| 29 | + } | |
| 28 | 30 | |
| 29 | 31 | /* Specific styling for select fields with pr-10 class (which already has right padding) */ |
| 30 | 32 | select.pr-10 { |
| 31 | 33 | background-position: right 0.75rem center; |
| @@ -403,9 +405,15 @@ | ||
| 403 | 405 | |
| 404 | 406 | #wpbody-content { |
| 405 | 407 | display: flex; |
| 406 | 408 | flex-direction: column; |
| 407 | - height: 100vh; | |
| 409 | + /* Was `height: 100vh` — that pinned the container to exactly the | |
| 410 | + viewport and clipped any page longer than the viewport. Using | |
| 411 | + `min-height: 100vh` instead lets the column grow when content | |
| 412 | + overflows, while still giving short pages a full-viewport base | |
| 413 | + so .easy-invoice-admin (with `flex: 1` below in main-template.php) | |
| 414 | + fills the page background to the bottom edge. */ | |
| 415 | + min-height: 100vh; | |
| 408 | 416 | } |
| 409 | 417 | |
| 410 | 418 | .invoice-item.collapsed-item .item-content { |
| 411 | 419 | display: none; |
| @@ -1015,8 +1023,15 @@ | ||
| 1015 | 1023 | flex-shrink: 0; |
| 1016 | 1024 | height: var(--ei-app-header-strip-height); |
| 1017 | 1025 | min-height: var(--ei-app-header-strip-height); |
| 1018 | 1026 | max-height: var(--ei-app-header-strip-height); |
| 1027 | + /* Allow dropdowns/popovers (e.g. Pro deposit info) to extend below the strip; clip tall content on the title column instead (.ei-app-header-leading). */ | |
| 1028 | + overflow: visible; | |
| 1029 | + } | |
| 1030 | + | |
| 1031 | + body.easy-invoice-admin-body .ei-app-header-sync .ei-app-header-leading { | |
| 1032 | + min-height: 0; | |
| 1033 | + min-width: 0; | |
| 1019 | 1034 | overflow: hidden; |
| 1020 | 1035 | } |
| 1021 | 1036 | |
| 1022 | 1037 | body.easy-invoice-admin-body .ei-app-header-sync > .max-w-full { |
