Commit 61a0811c556bc414528f2a6e760248e9de439a8f
1 parent
0a0686be
Exists in
master
and in
7 other branches
Configbar yellow skin change + minor sass refactory
Showing
3 changed files
with
40 additions
and
8 deletions
Show diff stats
src/app/layout/services/body-state-classes.service.spec.ts
| @@ -193,7 +193,6 @@ describe("BodyStateClasses Service", () => { | @@ -193,7 +193,6 @@ describe("BodyStateClasses Service", () => { | ||
| 193 | 193 | ||
| 194 | service.start(); | 194 | service.start(); |
| 195 | 195 | ||
| 196 | - debugger; | ||
| 197 | designModeService.setInDesignMode(true); | 196 | designModeService.setInDesignMode(true); |
| 198 | 197 | ||
| 199 | 198 |
src/app/profile/configbar.scss
| @@ -58,9 +58,12 @@ | @@ -58,9 +58,12 @@ | ||
| 58 | } | 58 | } |
| 59 | 59 | ||
| 60 | .section-title { | 60 | .section-title { |
| 61 | - font-size: 15px; | ||
| 62 | - font-weight: bold; | ||
| 63 | margin: 30px 0 5px; | 61 | margin: 30px 0 5px; |
| 62 | + font: { | ||
| 63 | + size: 15px; | ||
| 64 | + weight: bold; | ||
| 65 | + } | ||
| 66 | + | ||
| 64 | } | 67 | } |
| 65 | 68 | ||
| 66 | #config-tool-options { | 69 | #config-tool-options { |
| @@ -76,16 +79,21 @@ | @@ -76,16 +79,21 @@ | ||
| 76 | ul { | 79 | ul { |
| 77 | list-style: none; | 80 | list-style: none; |
| 78 | border-radius: 2px; | 81 | border-radius: 2px; |
| 79 | - background-clip: padding-box; | ||
| 80 | - background-color: #f1f3f2; | ||
| 81 | padding: 0; | 82 | padding: 0; |
| 82 | 83 | ||
| 84 | + background: { | ||
| 85 | + clip: padding-box; | ||
| 86 | + color: #f1f3f2; | ||
| 87 | + } | ||
| 88 | + | ||
| 83 | li { | 89 | li { |
| 84 | - font-size: 13px; | ||
| 85 | - font-weight: 300; | ||
| 86 | padding: 10px; | 90 | padding: 10px; |
| 87 | width: 250px; | 91 | width: 250px; |
| 88 | min-height: 50px; | 92 | min-height: 50px; |
| 93 | + font: { | ||
| 94 | + size: 13px; | ||
| 95 | + weight: 300; | ||
| 96 | + } | ||
| 89 | 97 | ||
| 90 | .checkbox { | 98 | .checkbox { |
| 91 | margin: 0; | 99 | margin: 0; |
themes/angular-participa-consulta/app/layout/scss/skins/_yellow.scss
| 1 | +$yellow-hover: #f5b025; | ||
| 2 | +$yellow-base: #f9c404; | ||
| 3 | + | ||
| 1 | .skin-yellow { | 4 | .skin-yellow { |
| 2 | @extend %skin-base; | 5 | @extend %skin-base; |
| 3 | 6 | ||
| @@ -49,7 +52,7 @@ | @@ -49,7 +52,7 @@ | ||
| 49 | 52 | ||
| 50 | .container-fluid .navbar-header .navbar-toggle { | 53 | .container-fluid .navbar-header .navbar-toggle { |
| 51 | &:hover, &:focus { | 54 | &:hover, &:focus { |
| 52 | - background-color: #f5b025; | 55 | + background-color: $yellow-hover; |
| 53 | } | 56 | } |
| 54 | } | 57 | } |
| 55 | 58 | ||
| @@ -61,4 +64,26 @@ | @@ -61,4 +64,26 @@ | ||
| 61 | } | 64 | } |
| 62 | } | 65 | } |
| 63 | 66 | ||
| 67 | + #config-tool { | ||
| 68 | + | ||
| 69 | + #config-tool-cog { | ||
| 70 | + color: $yellow-hover; | ||
| 71 | + } | ||
| 72 | + | ||
| 73 | + #config-tool-options { | ||
| 74 | + h4 { | ||
| 75 | + color: #2c3e50; | ||
| 76 | + font-weight: bold; | ||
| 77 | + } | ||
| 78 | + } | ||
| 79 | + | ||
| 80 | + &.closed { | ||
| 81 | + #config-tool-cog { | ||
| 82 | + &:hover { | ||
| 83 | + background-color: $yellow-hover; | ||
| 84 | + } | ||
| 85 | + } | ||
| 86 | + } | ||
| 87 | + } | ||
| 88 | + | ||
| 64 | } | 89 | } |