Robin
March 7, 2014, 4:05am
1
Hi guys,
I noticed a bug in the button styling. When I create a new with the following class: “button button-outline button-block button-energized icon-right ion-chevron-right” like so:
<button class="button button-outline button-block button-energized icon-right ion-chevron-right disable-user-behavior">Login</button>
The ‘Login’ text doesn’t align vertically anymore. When I remove the icon-right class, it works again.
I’m using Ionic v0.9.26
Edit; after posting this, I thought about posting the issue to Github. So I did now: https://github.com/driftyco/ionic/issues/739
The general “icon-right” doesn’t align very well either:
<a class="button icon-right ion-chevron-right button-calm">Learn More</a>
Robin
March 7, 2014, 3:13pm
3
@Calendee This is my situation:
Just tried this with the nightly and things are lining up
Robin
March 7, 2014, 5:01pm
5
Strange. I don’t have any custom styling; just plain Ionic css.
Is there a difference between the nightly and v0.9.26 ?
There are a few changes here and there, basically ones that just close issues on github. My suggestion is to either use the nightly builds or just update the js and css daily via gihub.
I personally like using the nighty builds so that way I can see if there are any errors and point them out.
<link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
<script src="http://code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
Robin
March 7, 2014, 6:21pm
7
I’m using bower for my project. And in my bower.json, I already defined Ionic like so:
"ionic": null,
"ionicons": null
I’m using ‘null’ to always load the latest (I suppose, stable) version available. How would I define the ‘nightly’ release in a Bower.json file?
According to the bower repo for ionic, just run this command and you should get the nightly builds
bower install driftyco/ionic-bower#master
I don’t use bower myself, but I’m thinking about moving to it so let me know how it works out
Robin
March 7, 2014, 6:53pm
9
Well instead of ‘null’ I now added ‘master’ and bower seems to be OK with that.
Still having the login button issue though…
Hmm, what does the file say it’s version is. Maybe its not pulling the right one. The latest should be 0.10.0-alpha-1052
Robin
March 7, 2014, 8:10pm
11
Is there a changelog I can check somewhere to see if there are some breaking changes between 0.9 and 0.10 before updating?
@mhartington Let’s continue the bower-related talk here:
How can I install the dev version through bower? I need the scss files to include them in my main.scss.
I tried adding the github link with a tag, with the master branch, it’s not working.
And re-focus on this weird ass button styling
Here’s the last change log for 0.9.26
<a name="0.9.26"></a>
### 0.9.26 "Rabbit" (2014-02-26)
#### Bug Fixes
* **actionsheet:** Actionsheet in modal has pointer-events enabled, closes #660 ([1503cc72](http://github.com/driftyco/ionic/commit/1503cc7213c13e87804c210dea7465931e972f4a))
* **click:** event.preventDefault() when setting focus() on an input, closes 583 ([fc8ab4b8](http://github.com/driftyco/ionic/commit/fc8ab4b8ea9b89bd3446b835476950bb70bba879))
* **ionContent:**
* Update scss for ion-infinite-scroll element ([788df524](http://github.com/driftyco/ionic/commit/788df5243dc5300204171bcd40bf1e20fe610dbe))
* Use new name to find ion-infinite-scroll element ([1702f5c9](http://github.com/driftyco/ionic/commit/1702f5c916dda20957761fd1e7b30d5f9bc1b6b4))
* **ionPrefix:** disableRegisterByTagName updated w/ `ion-` prefix for correct view history ([2494b5f9](http://github.com/driftyco/ionic/commit/2494b5f988991b97c278102f0da385e9cde00aee))
* **ionSideMenu:** use manual transclude instead of ngTransclude ([991d3cfd](http://github.com/driftyco/ionic/commit/991d3cfda1831467e38c176c69f0ecd084c86e50), closes [#666](http://github.com/driftyco/ionic/issues/666))
* **ionTabs:** cleanup and fix many issues ([0f1b6f47](http://github.com/driftyco/ionic/commit/0f1b6f47b8ee4c72facc269da2b648bb9cc397e0), closes [#597](http://github.com/driftyco/ionic/issues/597))
* **ionicScrollDelegate:**
* do not error if no scrollTop/Left values ([9e942f89](http://github.com/driftyco/ionic/commit/9e942f894b037284a2e36ff14d3615f076b84447), closes [#659](http://github.com/driftyco/ionic/issues/659)
* **item:** degrade .item right arrows by grade for low end devices ([3a69bb34](http://github.com/driftyco/ionic/commit/3a69bb3452944bc4d1764c7605aad0824cbb758c))
* **loading:** make showDelay option work correctly ([7281e2ab](http://github.com/driftyco/ionic/commit/7281e2abf0f6f624f296191b3f322227089e3658), closes [#562](http://github.com/driftyco/ionic/issues/562))
* **modal:**
* Fix modal animation for firefox, closes #671 ([0033c880](http://github.com/driftyco/ionic/commit/0033c8809a810c8b518ca68a9ada5704a7f6e9c9))
This file has been truncated. show original
Robin
March 10, 2014, 4:21pm
13
Awesome @Calendee ! But updating to the latest Ionic seems to be broken when using Bower…
See: SOLVED : Bower can't install Ionic