When a new section is added to the bottom of a user interface, a developer must check its visibility. If the section is hidden by other elements, the developer must adjust the spacing.
By Pawan Nayar · from the LLOS AI Learning record
When a new section is added to the bottom of a user interface, a developer must check its visibility.
If the section is hidden by other elements, the developer must adjust the spacing.
A new section added to the bottom of a user interface might be hidden. This happens if another element, like a cost bar, covers it. The developer needs to add more space below the new section. This space is called padding.
A developer adds a new 'Translate To' section at the bottom of a sidebar. A user cannot see this section because a cost bar covers it. The developer adds more padding to the bottom of the sidebar. Now the 'Translate To' section is fully visible to the user.
Resolved from this lesson's own record — real definitions, not invented for this page.
More from the same record, pulled by shared topic — not written new for this page.
Floating elements need a special stacking order. This order is called a stacking context.
Buttons should only be as wide as the text they contain. Do not make buttons stretch to fill a space.
A developer should list all elements that will be inside the card. The developer must find the longest possible text for each element from real data.
A good plan for a design tool includes a detailed product document. This document describes all features.
When a new section is added to the bottom of a user interface, a developer must check its visibility. If the section is hidden by other elements, the developer must adjust the spacing.