Browse Source

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
dev
Константин Лебединский 2 weeks ago
parent
commit
9a85a13e08
  1. 12
      frontend/src/styles/cabinet-theme.css

12
frontend/src/styles/cabinet-theme.css

@ -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 {

Loading…
Cancel
Save