change color for sidebar
This commit is contained in:
parent
992c98d003
commit
7827d33f5a
4 changed files with 19 additions and 22 deletions
|
|
@ -18,7 +18,7 @@
|
||||||
<li>
|
<li>
|
||||||
<a ng-click="$root.go('add')">
|
<a ng-click="$root.go('add')">
|
||||||
<i class="icon-arrow-right3 size-18 right m10t"></i>
|
<i class="icon-arrow-right3 size-18 right m10t"></i>
|
||||||
<i class="fi-plus size-24 db left m10r"></i>
|
<i class="fi-plus size-24 db left m20r m5t"></i>
|
||||||
<div class="tu text-bold">
|
<div class="tu text-bold">
|
||||||
<span class="size-12" translate>Add wallet</span>
|
<span class="size-12" translate>Add wallet</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -379,7 +379,7 @@ ul.manage li {
|
||||||
.m20v {margin:20px 0;}
|
.m20v {margin:20px 0;}
|
||||||
.m30a {margin: 30px auto;}
|
.m30a {margin: 30px auto;}
|
||||||
.m-negative-l {margin-left: -0.9375rem;}
|
.m-negative-l {margin-left: -0.9375rem;}
|
||||||
.br100 {border-radius: 100%;}
|
.br100 {border-radius: 100% !important;}
|
||||||
.lh {line-height: 0;}
|
.lh {line-height: 0;}
|
||||||
.lh140 {line-height: 140%;}
|
.lh140 {line-height: 140%;}
|
||||||
.oh {overflow:hidden;}
|
.oh {overflow:hidden;}
|
||||||
|
|
@ -408,9 +408,9 @@ ul.manage li {
|
||||||
}
|
}
|
||||||
|
|
||||||
.name-wallet {
|
.name-wallet {
|
||||||
color: #7A8C9E;
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 300;
|
font-weight: 400;
|
||||||
|
padding-top: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
|
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
|
||||||
|
|
@ -418,7 +418,7 @@ ul.manage li {
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar li.nav-item.selected .name-wallet {
|
.sidebar li.nav-item.selected .name-wallet {
|
||||||
font-weight: 700;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.name-wallet i {
|
.name-wallet i {
|
||||||
|
|
|
||||||
|
|
@ -271,17 +271,17 @@ a.missing-copayers {
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar {
|
.sidebar {
|
||||||
background: #fff;
|
background: #2C3E50;
|
||||||
box-shadow: inset -1px 0px 2px 0px rgba(0,0,0,0.20);
|
box-shadow: inset -2px 0px 1px 0px rgba(0,0,0,0.40);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar li {
|
.sidebar li {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-bottom: 1px solid #f1f3f5;
|
border-bottom: 1px solid #384B5F;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar li.nav-item.selected {
|
.sidebar li.nav-item.selected {
|
||||||
background-color: #f1f3f5;
|
background-color: #122232;
|
||||||
box-shadow: inset -1px 0px 1px 0px rgba(0,0,0,0.20);
|
box-shadow: inset -1px 0px 1px 0px rgba(0,0,0,0.20);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -291,22 +291,21 @@ a.missing-copayers {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
padding: 0.5rem 0.65rem;
|
padding: 0.33rem 0.65rem;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
float: left;
|
float: left;
|
||||||
width: 40px;
|
width: 35px;
|
||||||
|
height: 35px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar header {
|
.sidebar header {
|
||||||
background-image: -webkit-linear-gradient(bottom, #213140 0%, #2C3E50 100%);
|
|
||||||
background-image: -o-linear-gradient(bottom, #213140 0%, #2C3E50 100%);
|
|
||||||
background-image: linear-gradient(to top, #213140 0%, #2C3E50 100%);
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
height: 7rem;
|
height: 7rem;
|
||||||
padding: 1.3rem;
|
padding: 1.7rem;
|
||||||
|
border-bottom: 1px solid #384B5F;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar header h1 {
|
.sidebar header h1 {
|
||||||
|
|
@ -325,11 +324,11 @@ a.missing-copayers {
|
||||||
|
|
||||||
.sidebar ul.off-canvas-list li a {
|
.sidebar ul.off-canvas-list li a {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
vertical-align: middle;
|
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
border-bottom: transparent;
|
border-bottom: transparent;
|
||||||
color: #A5B2BF;
|
color: #A5B2BF;
|
||||||
padding: 1rem 0.7rem;
|
padding: 1rem 0.7rem;
|
||||||
|
line-height: 155%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar ul.off-canvas-list li a i {
|
.sidebar ul.off-canvas-list li a i {
|
||||||
|
|
|
||||||
|
|
@ -124,7 +124,6 @@ angular.module('copayApp.controllers').controller('indexController', function($r
|
||||||
var old = document.getElementById('menu-' + self.tab);
|
var old = document.getElementById('menu-' + self.tab);
|
||||||
if (old) {
|
if (old) {
|
||||||
old.className = '';
|
old.className = '';
|
||||||
old.style.borderTopColor = '';
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -133,7 +132,6 @@ angular.module('copayApp.controllers').controller('indexController', function($r
|
||||||
var newe = document.getElementById('menu-' + tab);
|
var newe = document.getElementById('menu-' + tab);
|
||||||
if (newe) {
|
if (newe) {
|
||||||
newe.className = 'active';
|
newe.className = 'active';
|
||||||
newe.style.borderTopColor = self.backgroundColor;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue