Skip to content

Commit 799402d

Browse files
authored
GitHub Issue #734: App narrow screen display can cut off error message for field editor pages (#1939)
### version 7.20.4 *Released*: 25 February 2026 - GitHub Issue #734: App narrow screen display can cut off error message for field editor pages - inline-comment footer can take up to 125px on small screens so increase bottom padding for .app-page
1 parent 56312bb commit 799402d

4 files changed

Lines changed: 16 additions & 4 deletions

File tree

packages/components/package-lock.json

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

packages/components/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@labkey/components",
3-
"version": "7.20.3",
3+
"version": "7.20.4",
44
"description": "Components, models, actions, and utility functions for LabKey applications and pages",
55
"sideEffects": false,
66
"files": [

packages/components/releaseNotes/components.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
# @labkey/components
22
Components, models, actions, and utility functions for LabKey applications and pages
33

4+
### version 7.20.4
5+
*Released*: 25 February 2026
6+
- GitHub Issue #734: App narrow screen display can cut off error message for field editor pages
7+
- inline-comment footer can take up to 125px on small screens so increase bottom padding for .app-page
8+
49
### version 7.20.3
510
*Released*: 24 February 2026
611
- GitHub Issue 465: Add auditing capabilities for grid views

packages/components/src/theme/app/app.scss

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,14 @@
2121

2222
.app-page {
2323
padding-top: 20px;
24-
padding-bottom: 80px;
24+
25+
// GitHub Issue #734: inline-comment footer can take up to 125px on small screens
26+
@media (max-width: 774px) {
27+
padding-bottom: 130px;
28+
}
29+
@media (min-width: 775px) {
30+
padding-bottom: 80px;
31+
}
2532
}
2633

2734
.page-header {

0 commit comments

Comments
 (0)