LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Add tooltips to header buttons, fixes #401

Browse source
This commit is contained in:
Jeremy Kauffman 2017-07-30 17:24:40 -04:00
parent 72340475e3
commit af34bdfff1
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
CHANGELOG.md
View file

@ -8,7 +8,7 @@ Web UI version numbers should always match the corresponding version of LBRY App
## [Unreleased] ## [Unreleased]
### Added ### Added
* * Add tooltips to controls in header
* *
### Changed ### Changed

6
ui/js/component/header/view.jsx
View file

@ -8,13 +8,14 @@ export const Header = props => {
return ( return (
<header id="header"> <header id="header">
<div className="header__item"> <div className="header__item">
<Link onClick={back} button="alt button--flat" icon="icon-arrow-left" /> <Link onClick={back} button="alt button--flat" icon="icon-arrow-left" title={__("Back")} />
</div> </div>
<div className="header__item"> <div className="header__item">
<Link <Link
onClick={() => navigate("/discover")} onClick={() => navigate("/discover")}
button="alt button--flat" button="alt button--flat"
icon="icon-home" icon="icon-home"
title={__("Discover Content")}
/> />
</div> </div>
<div className="header__item header__item--wunderbar"> <div className="header__item header__item--wunderbar">
@ -26,6 +27,7 @@ export const Header = props => {
button="text" button="text"
icon="icon-bank" icon="icon-bank"
label={balance} label={balance}
title={__("Wallet")}
/> />
</div> </div>
<div className="header__item"> <div className="header__item">
@ -41,6 +43,7 @@ export const Header = props => {
onClick={() => navigate("/downloaded")} onClick={() => navigate("/downloaded")}
button="alt button--flat" button="alt button--flat"
icon="icon-folder" icon="icon-folder"
title={__("Downloads and Publishes")}
/> />
</div> </div>
<div className="header__item"> <div className="header__item">
@ -48,6 +51,7 @@ export const Header = props => {
onClick={() => navigate("/settings")} onClick={() => navigate("/settings")}
button="alt button--flat" button="alt button--flat"
icon="icon-gear" icon="icon-gear"
title={__("Settings")}
/> />
</div> </div>
</header> </header>