diff options
| author | Andrej Mihajlov <and@codeispoetry.ru> | 2017-02-24 11:33:42 +0000 |
|---|---|---|
| committer | Andrej Mihajlov <and@codeispoetry.ru> | 2017-02-24 11:33:42 +0000 |
| commit | 17044039439f9ea0da15e5e529aca0b7d06638ec (patch) | |
| tree | b8abcfd5e5fc30551bbb36af19694475ff46cddc /app | |
| parent | f4a293db481d423b8ae89a828e00b5578ad6bcdc (diff) | |
| download | mullvadvpn-17044039439f9ea0da15e5e529aca0b7d06638ec.tar.xz mullvadvpn-17044039439f9ea0da15e5e529aca0b7d06638ec.zip | |
Update list item styles
Diffstat (limited to 'app')
| -rw-r--r-- | app/components/SelectLocation.css | 9 | ||||
| -rw-r--r-- | app/components/Settings.css | 6 | ||||
| -rw-r--r-- | app/components/Settings.js | 6 |
3 files changed, 15 insertions, 6 deletions
diff --git a/app/components/SelectLocation.css b/app/components/SelectLocation.css index 8e627042c2..c70d3a5d07 100644 --- a/app/components/SelectLocation.css +++ b/app/components/SelectLocation.css @@ -53,14 +53,19 @@ } .select-location__cell { - background-color: #294D73; + background-color: rgba(41,71,115,1); padding: 15px 16px 15px 24px; display: flex; flex-direction: row; align-items: center; } -.select-location__cell--selected { +.select-location__cell:hover { + background-color:rgba(41,71,115,0.9); +} + +.select-location__cell--selected, +.select-location__cell--selected:hover { background-color: #44AD4D; } diff --git a/app/components/Settings.css b/app/components/Settings.css index 2515a47d2b..ff1c937a4b 100644 --- a/app/components/Settings.css +++ b/app/components/Settings.css @@ -66,13 +66,17 @@ } .settings__cell { - background-color: #294D73; + background-color:rgba(41,71,115,1); padding: 15px 16px 15px 24px; display: flex; flex-direction: row; align-items: center; } +.settings__cell--active:hover { + background-color: rgba(41,71,115,0.9); +} + .settings__cell + .settings__cell { margin-top: 1px; } diff --git a/app/components/Settings.js b/app/components/Settings.js index fd607388c7..8bb467e715 100644 --- a/app/components/Settings.js +++ b/app/components/Settings.js @@ -54,13 +54,13 @@ export default class Settings extends Component { <div className="settings__cell-footer"> When this device connects to the internet it will automatically connect to a secure server </div> - <div className="settings__cell" onClick={ () => this.handleLink('faq') }> + <div className="settings__cell settings__cell--active" onClick={ () => this.handleLink('faq') }> <div className="settings__cell-label">FAQs</div> </div> - <div className="settings__cell" onClick={ () => this.handleLink('guides') }> + <div className="settings__cell settings__cell--active" onClick={ () => this.handleLink('guides') }> <div className="settings__cell-label">Guides</div> </div> - <div className="settings__cell" onClick={ () => this.handleLink('supportEmail') }> + <div className="settings__cell settings__cell--active" onClick={ () => this.handleLink('supportEmail') }> <img className="settings__cell-icon" src="./assets/images/icon-email.svg" /> <div className="settings__cell-label">Contact support</div> </div> |