diff --git a/doc/assets/css/docs.css b/doc/assets/css/docs.css index 88d3a7ff1..1de63f5ca 100644 --- a/doc/assets/css/docs.css +++ b/doc/assets/css/docs.css @@ -92,6 +92,10 @@ img { max-width: 100%; height: auto; } .dx-header__link::-webkit-details-marker { display: none; } .dx-header__link:hover { background: var(--grey-050); color: var(--grey-900); } .dx-header__link[aria-current="page"] { color: var(--navy); font-weight: 600; } /* no pill: same as the global header */ +.dx-header__link--highlight { background: var(--tint); color: var(--ttn-700); font-weight: 600; } /* same as the global header */ +.dx-header__link--highlight:hover { background: #cce8ff; color: var(--ttn-700); } +.dx-header__cta { display: inline-flex; align-items: center; justify-content: center; padding: 8px 14px; border-radius: var(--br-pill); background: var(--navy); color: #fff; font-size: 14px; font-weight: 600; white-space: nowrap; } +.dx-header__cta:hover { background: var(--navy-900); color: #fff; } .dx-header__tools { flex: 1; display: flex; justify-content: flex-end; align-items: center; gap: 8px; } .dx-header__auth { display: flex; align-items: center; gap: 4px; } .dx-header__login { padding: 8px 14px; color: var(--grey-800); font-size: 14px; font-weight: 500; white-space: nowrap; } @@ -142,6 +146,14 @@ summary.dx-header__user::-webkit-details-marker { display: none; } .dx-search__meta { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.45; color: var(--grey-600); } .dx-search__empty { padding: 12px; font-size: 14px; color: var(--grey-600); } .dx-search__item mark { background: transparent; color: var(--ttn-700); font-weight: 700; } +/* Desktop: the header also carries the support button, so search rests as an icon and opens into the + full field over its neighbours on click or "/" (the field is a