Conversation
| - **Carousel**: a swipeable container that shows one slide at a time | ||
| - **Bottom Sheet**: a panel that slides up from the bottom of the screen and renders on top of the underlying content | ||
| - **Footer**: a panel pinned to the bottom of the screen, outside the scroll area | ||
| - **Cover**: an image or video pinned to the top of the screen, behind the scrolling content |
Collaborator
There was a problem hiding this comment.
не совсем — это может быть и цвет/градиент. Лучше назвать тоже типа panel
|
|
||
| {/* screenshot */} | ||
|
|
||
| A **Cover** is an image or video that occupies the top part of a screen. It reaches into the device's top safe area, behind the status bar and the notch, even if the **Ignore Safe Area** option is off. As the user scrolls, the screen content slides over the cover, which stays in place. |
Collaborator
There was a problem hiding this comment.
A Cover is an image or video that occupies the top part of a screen
то же самое
|
|
||
| Only one cover is allowed per screen. You cannot duplicate an existing cover, or add a new one. | ||
|
|
||
| A cover is a container, so it can store a logo, a badge, or a heading. |
Collaborator
There was a problem hiding this comment.
это не контейнер
и лучше использовать только hero image как юз кейс — всем понятно будет
|
|
||
| Only one cover is allowed per screen. You cannot duplicate an existing cover, or add a new one. | ||
|
|
||
| A cover is a container, so it can store a logo, a badge, or a heading. |
Collaborator
There was a problem hiding this comment.
скриншоты уже можно делать, кстати
Comment on lines
+213
to
+214
| - The **Image** fill takes a `.JPG`, `.PNG`, or `.WEBP` file up to 20 MB. Animated GIFs and WEBPs aren't supported — use the **Video** fill for motion. | ||
| - The **Video** fill takes an `.MP4` or `.WEBM` file up to 50 MB. A video cover replays continuously — turn **Loop** off to play it once. |
Collaborator
There was a problem hiding this comment.
Давай формат не дублировать тут. Сошлись сразу на статью про медиа — там же всё то же самое
Collaborator
There was a problem hiding this comment.
мб, вообще секция нам эта не нужна. всё уже было ведь в других статьях, нет ничего нового. а длинных статей мы стараемся избегать
|
|
||
| {/* screenshot */} | ||
|
|
||
| To place your media, set **Fill** to **Image** or **Video**: |
|
|
||
| To make the cover taller or shorter, set its **Height**. | ||
|
|
||
| ### Cover vs. background vs. image or video |
Collaborator
There was a problem hiding this comment.
странная секция, мне кажется
довольно очевидные вещи, и можно просто в интро сказать, что основной юз кейс — hero image/video, которое остаётся на месте
а саму секцию я б убрала
| - **Dividers (horizontal and vertical)**: lines that visually separate content sections | ||
| - **Carousel**: a swipeable container | ||
| - **Footer**: a panel pinned to the screen bottom, outside the scroll area | ||
| - **Cover**: an image or video pinned to the screen top, behind the scrolling content |
| Fixed positioning uses the same controls as Absolute (offsets, anchor grid, Z-index). All offsets are relative to the screen's safe area instead of the parent. For example, an offset of 0 from the bottom keeps the element above the home indicator. To measure offsets from the physical screen edges instead, enable [Ignore safe area](#ignore-safe-area). | ||
|
|
||
| Use fixed positioning for elements that should float over scrolling content rather than reserve space — floating close or restore buttons, persistent top banners, scroll-to-top controls, and navigation bars. For a dedicated bottom action area, use a [Footer](builder-containers#footer) instead. | ||
| Use fixed positioning for elements that should float over scrolling content rather than reserve space — floating close or restore buttons, persistent top banners, scroll-to-top controls, and navigation bars. For a dedicated bottom action area, use a [Footer](builder-containers#footer) instead. For an image that fills the top of the screen and stays in place while content scrolls over it, use a [Cover](builder-containers#cover). |
Collaborator
There was a problem hiding this comment.
суховато, можно про hero image сказать
|
|
||
| Set a background on any screen with the **Fill** panel under [**Screen settings**](paywall-layout-and-products#screen-settings). Pick from four background types — solid color, gradient, image, or video. | ||
|
|
||
| A background fills the whole viewport. For an image that fills only the top of the screen and stays in place while content scrolls, use a [Cover](builder-containers#cover). |
Collaborator
There was a problem hiding this comment.
и тут тоже
просто для того, чтобы было понятнее, о чём мы говорим
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.