Commit 2f6862509f4f180879291c80127be5c20ff04c63
1 parent
60f9d0ed
Exists in
master
and in
1 other branch
Set bootstrap theme
Showing
4 changed files
with
20 additions
and
10 deletions
Show diff stats
bower.json
... | ... | @@ -10,7 +10,7 @@ |
10 | 10 | "angular-aria": "~1.4.2", |
11 | 11 | "restangular": "~1.5.1", |
12 | 12 | "angular-ui-router": "~0.2.15", |
13 | - "bootstrap-sass": "~3.3.5", | |
13 | + "bootstrap-sass": "~3.3.6", | |
14 | 14 | "angular-bootstrap": "~0.13.4", |
15 | 15 | "malarkey": "yuanqing/malarkey#~1.3.1", |
16 | 16 | "angular-toastr": "~1.5.0", |
... | ... | @@ -18,7 +18,8 @@ |
18 | 18 | "animate.css": "~3.4.0", |
19 | 19 | "angular": "~1.4.2", |
20 | 20 | "font-awesome": "fontawesome#~4.5.0", |
21 | - "ngstorage": "~0.3.10" | |
21 | + "ngstorage": "~0.3.10", | |
22 | + "bootswatch": "~3.3.6+1" | |
22 | 23 | }, |
23 | 24 | "devDependencies": { |
24 | 25 | "angular-mocks": "~1.4.2" | ... | ... |
src/app/components/navbar/navbar.html
1 | 1 | <nav class="navbar navbar-static-top navbar-inverse"> |
2 | 2 | <div class="container-fluid"> |
3 | 3 | <div class="navbar-header"> |
4 | + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse"> | |
5 | + <span class="sr-only">Toggle navigation</span> | |
6 | + <span class="icon-bar"></span> | |
7 | + <span class="icon-bar"></span> | |
8 | + <span class="icon-bar"></span> | |
9 | + </button> | |
4 | 10 | <a class="navbar-brand" ng-href="/"> |
5 | 11 | <span class="noosfero-logo"><img src="assets/images/logo-noosfero.png"></span> Noosfero |
6 | 12 | </a> |
7 | 13 | </div> |
8 | 14 | |
9 | - <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-6"> | |
15 | + <div class="collapse navbar-collapse" id="navbar-collapse"> | |
10 | 16 | <ul class="nav navbar-nav"> |
11 | 17 | <li class="active"><a ng-href="#">Home</a></li> |
12 | 18 | </ul> | ... | ... |
src/app/components/noosfero-blocks/block.scss
src/app/index.scss
... | ... | @@ -2,12 +2,18 @@ |
2 | 2 | * If you want to override some bootstrap variables, you have to change values here. |
3 | 3 | * The list of variables are listed here bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss |
4 | 4 | */ |
5 | -$navbar-inverse-link-color: #5AADBB; | |
6 | 5 | $icon-font-path: "../../bower_components/bootstrap-sass/assets/fonts/bootstrap/"; |
7 | 6 | |
8 | 7 | $fa-font-path: "../../bower_components/font-awesome/fonts"; |
9 | 8 | @import "../../bower_components/font-awesome/scss/font-awesome.scss"; |
10 | 9 | |
10 | +$navbar-height: 50px; | |
11 | +$brand-success: #039BE5; | |
12 | +$link-color: #007EBB; | |
13 | +$body-bg: #f5f8fa; | |
14 | +$page-header-border-color: #eee; | |
15 | +@import "../../bower_components/bootswatch/flatly/_variables.scss"; | |
16 | + | |
11 | 17 | /** |
12 | 18 | * Do not remove the comments below. It's the markers used by wiredep to inject |
13 | 19 | * sass dependencies when defined in the bower.json of your dependencies |
... | ... | @@ -35,13 +41,11 @@ $fa-font-path: "../../bower_components/font-awesome/fonts"; |
35 | 41 | width: 20.83%; |
36 | 42 | } |
37 | 43 | |
38 | -body { | |
39 | - background-color: #f5f8fa; | |
40 | -} | |
41 | - | |
42 | 44 | /** |
43 | 45 | * Do not remove the comments below. It's the markers used by gulp-inject to inject |
44 | 46 | * all your sass files automatically |
45 | 47 | */ |
46 | 48 | // injector |
47 | 49 | // endinjector |
50 | + | |
51 | +@import "../../bower_components/bootswatch/flatly/_bootswatch.scss"; | ... | ... |