javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-21 04:53:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

ion-view-title

Browse Source
This commit is contained in:
Adam Bradley
2015-03-21 21:24:45 -05:00
parent 76f45285d1
commit f78f362afe
4 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
playground/views/main.html
View File

@ -1,7 +1,7 @@
<ion-view view-title="HELLO!!"> <ion-view view-title="!attr Title!">
<ion-view-title> <ion-view-title>
ele Title !ele Title!
</ion-view-title> </ion-view-title>
<!-- <ion-view-buttons side="primary"> <!-- <ion-view-buttons side="primary">

3
src/components/toolbar/toolbar.js
View File

@ -9,7 +9,7 @@ import {Ion} from '../ion'
}) })
@Template({ @Template({
inline: ` inline: `
<div class="bar bar-android"> <div class="bar bar-ios">
<div class="bar-items"> <div class="bar-items">
<div class="back-button"> <div class="back-button">
<div class="back-button-icon">&lt;</div> <div class="back-button-icon">&lt;</div>
@ -21,6 +21,7 @@ import {Ion} from '../ion'
<div class="title"> <div class="title">
<div class="inner-title"> <div class="inner-title">
{{ title }} {{ title }}
<content select="ion-view-title"></content>
</div> </div>
</div> </div>
<div class="bar-primary-item" style="background:red"> <div class="bar-primary-item" style="background:red">

2
src/components/toolbar/toolbar.scss
View File

@ -36,6 +36,7 @@
} }
.bar-items > .title > .inner-title { .bar-items > .title > .inner-title {
width: 100%;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -64,6 +65,7 @@
.title { .title {
position: static; position: static;
margin: 0; margin: 0;
text-align: left;
} }
} }

1
src/components/view/view.js
View File

@ -11,6 +11,7 @@ import {Ion} from '../ion'
@Template({ @Template({
inline: ` inline: `
<ion-toolbar [view-title]="title"> <ion-toolbar [view-title]="title">
<content select="ion-view-title"></content>
</ion-toolbar> </ion-toolbar>
<div class="container"> <div class="container">
<content></content> <content></content>