anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

feat(design): polish all settings views

Browse source 
Closes #424
This commit is contained in:
Jason Dreyzehner 2016-10-12 22:01:48 -04:00
commit 4f8758c6d7
12 changed files with 60 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/sass/icons.scss
View file

@ -1,19 +1,19 @@
.icon.bp-arrow-right {
@extend .ion-ios-arrow-right;
@extend %just-a-hint;
@extend .just-a-hint;
}
.icon.bp-arrow-down {
@extend .ion-ios-arrow-down;
@extend %just-a-hint;
@extend .just-a-hint;
}
.icon.bp-arrow-up {
@extend .ion-ios-arrow-up;
@extend %just-a-hint;
@extend .just-a-hint;
}
%just-a-hint {
.just-a-hint {
opacity: 0.2;
}

12
src/sass/views/advancedSettings.scss
View file

@ -8,10 +8,6 @@
#advanced-settings {
.list {
.item {
color: #444;
border-top: none;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
&:before {
display: block;
position: absolute;
@ -39,15 +35,13 @@
color: rgb(58, 58, 58);
}
}
.has-comment {
border-bottom: 0 none;
}
.comment {
padding: 15px;
background-color: #fff;
color: rgba(74, 74, 74, 0.8);
}
.divider-comment {
padding: 15px;
color: rgba(74, 74, 74, 0.8);
font-size: 15px;
}
}
}

24
src/sass/views/tab-settings.scss
View file

@ -27,7 +27,7 @@
color: $light-gray;
font-size: 14px;
}
.settings-list {
.settings-input-group {
background-color: #fff;
.item-stacked-label {
padding: 1rem;
@ -37,16 +37,25 @@
font-size: 12px;
font-weight: bold;
}
}
.settings-list {
.item {
color: $dark-gray;
border-top: none;
padding-top: 1.3rem;
padding-bottom: 1.3rem;
&.item-divider {
color: $mid-gray;
padding-bottom: .5rem;
font-size: .9rem;
}
}
}
}
#tab-settings {
.list {
.item {
color: $dark-gray;
border-top: none;
padding-top: 1.3rem;
padding-bottom: 1.3rem;
.big-icon-svg {
& > .bg{
width:20px;
@ -75,11 +84,6 @@
right: 0;
content: '';
}
&.item-divider {
color: $mid-gray;
padding-bottom: .5rem;
font-size: .9rem;
}
&.item-heading {
&:before {
top: 99%