fix(tests list): full-height link in split row for mobile tap
- list-row__main: flex column + stretch; list-row__link: flex:1 to fill height next to «Пройти» so taps below title hit the <a> - Subtle -webkit-tap-highlight-color on list link Made-with: Cursor
This commit is contained in:
@@ -476,19 +476,29 @@ code,
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
/* Колонка тянется по высоте кнопки «Пройти»; ссылка на всю эту высоту — цель тача на моб. */
|
||||
.list-row--split .list-row__main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
align-self: stretch;
|
||||
}
|
||||
|
||||
.list-row--split .list-row__link {
|
||||
display: block;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
justify-content: flex-start;
|
||||
padding: 0.9rem 1rem;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
outline-offset: 2px;
|
||||
border-radius: 0.85rem 0 0 0.85rem;
|
||||
transition: background 0.12s ease;
|
||||
-webkit-tap-highlight-color: color-mix(in srgb, var(--primary) 18%, transparent);
|
||||
}
|
||||
|
||||
.list-row--split .list-row__link:hover {
|
||||
|
||||
Reference in New Issue
Block a user