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,7 +10,7 @@ | ||
10 | "angular-aria": "~1.4.2", | 10 | "angular-aria": "~1.4.2", |
11 | "restangular": "~1.5.1", | 11 | "restangular": "~1.5.1", |
12 | "angular-ui-router": "~0.2.15", | 12 | "angular-ui-router": "~0.2.15", |
13 | - "bootstrap-sass": "~3.3.5", | 13 | + "bootstrap-sass": "~3.3.6", |
14 | "angular-bootstrap": "~0.13.4", | 14 | "angular-bootstrap": "~0.13.4", |
15 | "malarkey": "yuanqing/malarkey#~1.3.1", | 15 | "malarkey": "yuanqing/malarkey#~1.3.1", |
16 | "angular-toastr": "~1.5.0", | 16 | "angular-toastr": "~1.5.0", |
@@ -18,7 +18,8 @@ | @@ -18,7 +18,8 @@ | ||
18 | "animate.css": "~3.4.0", | 18 | "animate.css": "~3.4.0", |
19 | "angular": "~1.4.2", | 19 | "angular": "~1.4.2", |
20 | "font-awesome": "fontawesome#~4.5.0", | 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 | "devDependencies": { | 24 | "devDependencies": { |
24 | "angular-mocks": "~1.4.2" | 25 | "angular-mocks": "~1.4.2" |
src/app/components/navbar/navbar.html
1 | <nav class="navbar navbar-static-top navbar-inverse"> | 1 | <nav class="navbar navbar-static-top navbar-inverse"> |
2 | <div class="container-fluid"> | 2 | <div class="container-fluid"> |
3 | <div class="navbar-header"> | 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 | <a class="navbar-brand" ng-href="/"> | 10 | <a class="navbar-brand" ng-href="/"> |
5 | <span class="noosfero-logo"><img src="assets/images/logo-noosfero.png"></span> Noosfero | 11 | <span class="noosfero-logo"><img src="assets/images/logo-noosfero.png"></span> Noosfero |
6 | </a> | 12 | </a> |
7 | </div> | 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 | <ul class="nav navbar-nav"> | 16 | <ul class="nav navbar-nav"> |
11 | <li class="active"><a ng-href="#">Home</a></li> | 17 | <li class="active"><a ng-href="#">Home</a></li> |
12 | </ul> | 18 | </ul> |
src/app/components/noosfero-blocks/block.scss
src/app/index.scss
@@ -2,12 +2,18 @@ | @@ -2,12 +2,18 @@ | ||
2 | * If you want to override some bootstrap variables, you have to change values here. | 2 | * If you want to override some bootstrap variables, you have to change values here. |
3 | * The list of variables are listed here bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss | 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 | $icon-font-path: "../../bower_components/bootstrap-sass/assets/fonts/bootstrap/"; | 5 | $icon-font-path: "../../bower_components/bootstrap-sass/assets/fonts/bootstrap/"; |
7 | 6 | ||
8 | $fa-font-path: "../../bower_components/font-awesome/fonts"; | 7 | $fa-font-path: "../../bower_components/font-awesome/fonts"; |
9 | @import "../../bower_components/font-awesome/scss/font-awesome.scss"; | 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 | * Do not remove the comments below. It's the markers used by wiredep to inject | 18 | * Do not remove the comments below. It's the markers used by wiredep to inject |
13 | * sass dependencies when defined in the bower.json of your dependencies | 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,13 +41,11 @@ $fa-font-path: "../../bower_components/font-awesome/fonts"; | ||
35 | width: 20.83%; | 41 | width: 20.83%; |
36 | } | 42 | } |
37 | 43 | ||
38 | -body { | ||
39 | - background-color: #f5f8fa; | ||
40 | -} | ||
41 | - | ||
42 | /** | 44 | /** |
43 | * Do not remove the comments below. It's the markers used by gulp-inject to inject | 45 | * Do not remove the comments below. It's the markers used by gulp-inject to inject |
44 | * all your sass files automatically | 46 | * all your sass files automatically |
45 | */ | 47 | */ |
46 | // injector | 48 | // injector |
47 | // endinjector | 49 | // endinjector |
50 | + | ||
51 | +@import "../../bower_components/bootswatch/flatly/_bootswatch.scss"; |