Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Focusable Board Row Titles

Browse source
This commit is contained in:
Alexandru Branza 2022-06-01 12:50:48 +03:00
parent 21d5d8e0b4
commit 2930e216c9
2 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/common/MetaRow/MetaRow.js
View file

@ -18,7 +18,11 @@ const MetaRow = ({ className, title, message, items, itemComponent, deepLinks })
<div className={styles['header-container']}>
{
typeof title === 'string' && title.length > 0 ?
<div className={styles['title-container']} title={title}>{title}</div>
<div className={styles['title-container']}>
<Button className={styles['row-title']} href={deepLinks.discover || deepLinks.library} title={title} href={deepLinks.discover || deepLinks.library}>
{title}
</Button>
</div>
:
null
}

12
src/common/MetaRow/styles.less
View file

@ -16,8 +16,16 @@
.title-container {
flex: 1;
max-height: 2.4em;
font-size: 1.8rem;
color: @color-secondaryvariant2-light1-90;
text-align: left;
.row-title {
font-size: 1.8rem;
color: @color-secondaryvariant2-light1-90;
&:focus-within {
outline-width: 0;
background-color: @color-background-light3;
border: none;
}
}
}
.see-all-container {