inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Navbar styling

Browse Source
This commit is contained in:
Denys Vuika 2016-04-07 11:55:44 +01:00
parent af8e563659
commit e83c74bd4e
6 changed files with 45 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ng1-hosting-ng2/app/components/ng2/navbar.component.js
View File

@ -24,7 +24,10 @@ System.register(["angular2/core"], function(exports_1, context_1) {
AppNavBar = __decorate([ AppNavBar = __decorate([
core_1.Component({ core_1.Component({
selector: 'app-navbar', selector: 'app-navbar',
template: "\n <nav class=\"navbar navbar-default navbar-fixed-top\">\n <div class=\"container-fluid\">\n <ng-content></ng-content>\n </div>\n </nav>\n " template: "\n <nav class=\"navbar navbar-default navbar-fixed-top\">\n <div class=\"container-fluid\">\n <ng-content></ng-content>\n </div>\n </nav>\n ",
styles: [
"\n :host .image-button {\n padding-bottom: 10px;\n padding-top: 12px;\n max-height: 50px;\n }\n "
]
}), }),
__metadata('design:paramtypes', []) __metadata('design:paramtypes', [])
], AppNavBar); ], AppNavBar);

2
ng1-hosting-ng2/app/components/ng2/navbar.component.js.map
View File

@ -1 +1 @@
{"version":3,"file":"navbar.component.js","sourceRoot":"","sources":["navbar.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;YAYA;gBAAA;gBAEA,CAAC;gBAZD;oBAAC,gBAAS,CAAC;wBACP,QAAQ,EAAE,YAAY;wBACtB,QAAQ,EAAE,oMAMT;qBACJ,CAAC;;6BAAA;gBAGF,gBAAC;YAAD,CAAC,AAFD,IAEC;YAFD,iCAEC,CAAA"} {"version":3,"file":"navbar.component.js","sourceRoot":"","sources":["navbar.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;YAqBA;gBAAA;gBAEA,CAAC;gBArBD;oBAAC,gBAAS,CAAC;wBACP,QAAQ,EAAE,YAAY;wBACtB,QAAQ,EAAE,oMAMT;wBACD,MAAM,EAAE;4BACJ,wJAMC;yBACJ;qBACJ,CAAC;;6BAAA;gBAGF,gBAAC;YAAD,CAAC,AAFD,IAEC;YAFD,iCAEC,CAAA"}

11
ng1-hosting-ng2/app/components/ng2/navbar.component.ts
View File

@ -8,7 +8,16 @@ import {Component} from "angular2/core";
<ng-content></ng-content> <ng-content></ng-content>
</div> </div>
</nav> </nav>
` `,
styles: [
`
:host .image-button {
padding-bottom: 10px;
padding-top: 12px;
max-height: 50px;
}
`
]
}) })
export class AppNavBar { export class AppNavBar {

25
ng1-hosting-ng2/app/css/theme/navbar.css Normal file
View File

File diff suppressed because one or more lines are too long

BIN
ng1-hosting-ng2/app/img/blank.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 B

6
ng1-hosting-ng2/index.html
View File

@ -11,6 +11,8 @@
<link rel="stylesheet" href="app/bower_components/html5-boilerplate/dist/css/normalize.css"> <link rel="stylesheet" href="app/bower_components/html5-boilerplate/dist/css/normalize.css">
<link rel="stylesheet" href="app/bower_components/html5-boilerplate/dist/css/main.css"> <link rel="stylesheet" href="app/bower_components/html5-boilerplate/dist/css/main.css">
<link rel="stylesheet" href="app/app.css"> <link rel="stylesheet" href="app/app.css">
<link rel="stylesheet" href="app/css/theme/navbar.css">
<script src="app/bower_components/html5-boilerplate/dist/js/vendor/modernizr-2.8.3.min.js"></script> <script src="app/bower_components/html5-boilerplate/dist/js/vendor/modernizr-2.8.3.min.js"></script>
<!-- Angular2 integration --> <!-- Angular2 integration -->
@ -40,7 +42,9 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<a class="navbar-brand" [routerLink]="['Home']">Demo</a> <a class="navbar-brand navbar-alfresco-logo" [routerLink]="['Home']">
<img src="app/img/blank.gif">
</a>
</div> </div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">