Overview
This page covers the key information about Address Bar in Seznam Aplikace.
1. Variants
This section covers the key information about Address Bar variants and sizes.
1. Default
2. Small
This section covers the key information about the Small size.
2. Configuration
This section covers the key information about how Address Bar behaves with short and long addresses.
- Short address. The whole address is visible. No ellipsis.
- Long address. The address is longer than the pill. Ellipsis.
- Long address with warning. Warning stays. The text yields.
- Min. Short host. Small hugs the text.
- Max. Long path. One line. Ellipsis.
- Max with warning. Warning stays. The text is clipped.
- Max with translate. Flag on the right. Pill centered. The text is clipped.
- Max with warning and translate. Default. Both icons stay. The text is clipped.
When to use 3 dots
- 1Short
- 2Long
- 3Long + warning
Long URL, min vs max
- 1Min
- 2Max
- 3Max + warning
- 4Max + translate
- 5Max + warning + translate
3. Measurements
This section covers the key information about dimensions, sizes, and measurement marks.
- Default 72dp. Pad 16 / 12. Pill 48dp. Radius 30.
- Small 32dp. Pad 16 / 4.
- Icons 24dp. Pill pad 12 / 10. Gap 12.
- URL Default. Host pl 24. Refresh 24dp.
- Zadejte. Search 24dp.
- 1Default
- 2Small
4. Color styles
This section covers the key information about color styles on Address Bar.
- URL Primary 1, Primary 5.
- Zadejte Primary 3, Red 1.
- Pill Primary 5.
- Bar Base 1.
- 1URL
- 2Zadejte
5. Typography styles
This section covers the key information about typography styles on Address Bar.
- Host and placeholder Headline 3 Regular.
- Small Subheader Regular.
- 1Default
- 2Small