Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added hover effect to more items #162

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
+28 −11
Open

Added hover effect to more items #162

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3b27f10
Added hover effect to more items
CorePrime95 Jun 30, 2017
c32ad61
Added hovereffect to transaction hist list
CorePrime95 Jul 1, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions public/views/correspondentDevices.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,10 +23,10 @@

<section class="middle tab-bar-section">
<div class="mtabset">
<div class="mtab-title" ng-click="$parent.mtab = 1" ng-class="{'active': mtab == 1}" ng-style="{'color': noColor ? '#4A90E2' : index.backgroundColor}" translate>
<div class="mtab-title hovereffect" ng-click="$parent.mtab = 1" ng-class="{'active': mtab == 1}" ng-style="{'color': noColor ? '#4A90E2' : index.backgroundColor}" translate>
Contacts
</div>
<div class="mtab-title" ng-click="$parent.mtab = 2" ng-class="{'active': mtab == 2}" ng-style="{'color': noColor ? '#4A90E2' : index.backgroundColor}" translate>
<div class="mtab-title hovereffect" ng-click="$parent.mtab = 2" ng-class="{'active': mtab == 2}" ng-style="{'color': noColor ? '#4A90E2' : index.backgroundColor}" translate>
Bot Store
</div>
</div>
Expand All @@ -38,7 +38,7 @@
<div class="m20b tab-view tab-in" ng-show="state.is('correspondentDevices')" id="chat">
<div class="mtab" ng-class="{'active': mtab == 1}" ng-init="mtab = 1">
<ul class="no-bullet m0 correspondentList" ng-init="readList()">
<li class="p10 line-b" ng-repeat="correspondent in list | orderBy:newMsgByAddressComparator">
<li class="p10 line-b hovereffect" ng-repeat="correspondent in list | orderBy:newMsgByAddressComparator">
<a ng-show="selectedCorrespondentList[correspondent.device_address]"
ng-hide="hideRemoveButton(correspondent.removable)"
class="removeCorrespondentList"
Expand Down Expand Up @@ -73,13 +73,13 @@
</div>
<div class="mtab" ng-class="{'active': mtab == 2}">
<ul class="no-bullet m0 correspondentList">
<li class="p10 line-b" ng-repeat="bot in bots">
<div ng-click="showBot(bot)" class="pointer">
<div ng-click="showBot(bot)" ng-repeat="bot in bots" class="pointer">
<li class="p10 line-b hovereffect" >
{{bot.name}}
<div class="right text-gray"><i class="icon-arrow-right3 size-24" ng-show="!editCorrespondentList && hideRemove"></i></div>
<div class="right label tu radius light-gray" ng-if="bot.isPaired" translate style="margin-top: 5px">Added</div>
</div>
</li>
</li>
</div>
</ul>
<div class="text-warning size-12 m10b" ng-show="botsError">{{botsError|translate}}</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions public/views/walletHome.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -148,7 +148,7 @@
ng-style="{'background-color':index.backgroundColor}">{{ (index.alias || index.walletName) | limitTo: 1}}
</div>
<div class="right">
<a ng-click="$root.go('preferences')" class="button outline round light-gray tiny preferences-icon m0" ng-if="!index.shared_address">
<a ng-click="$root.go('preferences')" class="button outline round light-gray tiny preferences-icon m0 hovereffect" ng-if="!index.shared_address">
<i class="fi-widget size-18 vm wallet-settings"></i>
<span class="show-for-medium-up" translate>Preferences</span>
</a>
Expand Down Expand Up @@ -509,7 +509,7 @@ <h4 class="title m0" style="padding:0 10px;">
<div ng-show="index.txHistory[0]">
<div ng-repeat="btx in index.txHistory"
ng-click="home.openTxModal(btx)"
class="row collapse last-transactions-content">
class="row collapse last-transactions-content hovereffect">
<div class="large-3 medium-3 small-3 columns">
<span class="label tu radius" ng-show="btx.action == 'received'"
ng-style="{'background-color':index.backgroundColor}" translate>Received</span>
Expand Down
11 changes: 9 additions & 2 deletions src/css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -810,6 +810,10 @@ table tbody tr:last-child td {
color: #6D7884;
}

.hovereffect:hover{
background: #EFEFEF;
}

/*//////////////////////////// BUTTON OUTLINE ////////////////////////////*/

.button.outline,
Expand Down Expand Up @@ -843,16 +847,19 @@ button.outline.dark-gray:focus {
}

.button.outline.light-gray,
.button.outline.light-gray:hover,
.button.outline.light-gray:focus,
button.outline.light-gray,
button.outline.light-gray:hover,
button.outline.light-gray:focus {
background-color: transparent;
border: 1px solid #CED5DC;
color: #7A8C9E;
}

.button.outline.light-gray:hover,
button.outline.light-gray:hover {
background-color: #EFEFEF;
}

.button.outline.white,
.button.outline.white:hover,
.button.outline.white:focus,
Expand Down
10 changes: 10 additions & 0 deletions src/css/mobile.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -248,6 +248,11 @@ ul.copayer-list img {
border-top: 3px solid #122232;
}

.bottombar-item a:hover {
color: #D5D9DC;

}

.bottombar-item a.active {
color: #E4E8EC;
background-color: #122232;
Expand Down Expand Up @@ -406,6 +411,11 @@ ul.correspondentList li a.removeCorrespondentList {
line-height: 24px;
}

ul.off-canvas-list li a:hover {
color: #D0DBE6;
}


/*
* Remove all vendors hover / shadow / fade
*/
Expand Down