javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 06:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

Ionicons in toderp

Browse Source
This commit is contained in:
Max Lynch
2013-10-09 22:32:23 -05:00
parent b8bb9b7e4a
commit 5d165a8310
5 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
dist/ionic-ios7.css vendored
View File

@ -746,7 +746,8 @@ address {
.bar .button-icon { .bar .button-icon {
background-color: transparent; background-color: transparent;
border: 1px solid transparent; } border: 1px solid transparent;
font-size: 24px; }
.bar-header { .bar-header {
top: 0; } top: 0; }

3
dist/ionic.css vendored
View File

@ -1833,7 +1833,8 @@ address {
.bar .button-icon { .bar .button-icon {
background-color: transparent; background-color: transparent;
border: 1px solid transparent; } border: 1px solid transparent;
font-size: 24px; }
.bar-header { .bar-header {
top: 0; } top: 0; }

4
example/toderp2/index.html
View File

@ -111,7 +111,7 @@
<div class="view" side-menu-ctrl id="tasks-view" nav-content class="view" ng-controller="TasksCtrl" nav-bar="false"> <div class="view" side-menu-ctrl id="tasks-view" nav-content class="view" ng-controller="TasksCtrl" nav-bar="false">
<div class="full-section" side-menu-content> <div class="full-section" side-menu-content>
<header class="bar bar-header bar-secondary"> <header class="bar bar-header bar-secondary">
<a href="#" class="button button-icon"><i class="icon-reorder"></i></a> <a href="#" class="button button-icon"><i class="icon-navicon"></i></a>
<h1 class="title">{{activeProject.title}}</h1> <h1 class="title">{{activeProject.title}}</h1>
<button class="button button-clear button-primary">Edit</button> <button class="button button-clear button-primary">Edit</button>
</header> </header>
@ -131,7 +131,7 @@
<header class="bar bar-header bar-secondary"> <header class="bar bar-header bar-secondary">
<button class="button button-clear button-primary">Edit</button> <button class="button button-clear button-primary">Edit</button>
<div class="toderp-small-logo"></div> <div class="toderp-small-logo"></div>
<button class="button button-icon" ng-click="showSettings()">S</button> <button class="button button-icon" ng-click="showSettings()"><i class="icon-gear-a"></i></button>
</header> </header>
<content has-header="true"> <content has-header="true">
<form ng-submit="addProject(newProject)"> <form ng-submit="addProject(newProject)">

19
js/ext/angular/test/list.html
View File

@ -92,6 +92,11 @@
angular.module('navTest', ['ionic.ui.list', 'ngAnimate']) angular.module('navTest', ['ionic.ui.list', 'ngAnimate'])
.controller('TestCtrl', function($scope) { .controller('TestCtrl', function($scope) {
var removeItem = function(item) {
// Remove ourselves
$scope.items.splice($scope.items.indexOf(item), 1);
};
$scope.items = [ $scope.items = [
{ {
text: 'Item 1', text: 'Item 1',
@ -102,10 +107,7 @@
buttons: [{ buttons: [{
text: 'Kill', text: 'Kill',
type: 'button-danger', type: 'button-danger',
buttonClicked: function(item) { buttonClicked: removeItem,
// Remove ourselves
$scope.items.splice($scope.items.indexOf(item), 1);
}
}] }]
}, },
{ {
@ -115,7 +117,8 @@
icon: 'icon-chevron-right', icon: 'icon-chevron-right',
buttons: [{ buttons: [{
text: 'Kill', text: 'Kill',
type: 'button-danger' type: 'button-danger',
buttonClicked: removeItem,
}] }]
}, },
{ {
@ -125,7 +128,8 @@
icon: 'icon-chevron-right', icon: 'icon-chevron-right',
buttons: [{ buttons: [{
text: 'Kill', text: 'Kill',
type: 'button-danger' type: 'button-danger',
buttonClicked: removeItem,
}] }]
}, },
{ {
@ -135,7 +139,8 @@
icon: 'icon-chevron-right', icon: 'icon-chevron-right',
buttons: [{ buttons: [{
text: 'Kill', text: 'Kill',
type: 'button-danger' type: 'button-danger',
buttonClicked: removeItem,
}] }]
} }
]; ];

1
scss/ionic/_bar.scss
View File

@ -177,6 +177,7 @@
.bar .button-icon { .bar .button-icon {
background-color: transparent; background-color: transparent;
border: 1px solid transparent; border: 1px solid transparent;
font-size: 24px;
} }
// Header at top // Header at top