{"action":"created","issue":{"url":"https://api.github.com/repos/ionic-team/ionic/issues/14365","repository_url":"https://api.github.com/repos/ionic-team/ionic","labels_url":"https://api.github.com/repos/ionic-team/ionic/issues/14365/labels{/name}","comments_url":"https://api.github.com/repos/ionic-team/ionic/issues/14365/comments","events_url":"https://api.github.com/repos/ionic-team/ionic/issues/14365/events","html_url":"https://github.com/ionic-team/ionic/issues/14365","id":316534525,"number":14365,"title":"Testing Ionic 4 - Lab vs. Live: Alignment and selection issues with Fab buttons","user":{"login":"peterennis","id":140737,"avatar_url":"https://avatars1.githubusercontent.com/u/140737?v=4","gravatar_id":"","url":"https://api.github.com/users/peterennis","html_url":"https://github.com/peterennis","followers_url":"https://api.github.com/users/peterennis/followers","following_url":"https://api.github.com/users/peterennis/following{/other_user}","gists_url":"https://api.github.com/users/peterennis/gists{/gist_id}","starred_url":"https://api.github.com/users/peterennis/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/peterennis/subscriptions","organizations_url":"https://api.github.com/users/peterennis/orgs","repos_url":"https://api.github.com/users/peterennis/repos","events_url":"https://api.github.com/users/peterennis/events{/privacy}","received_events_url":"https://api.github.com/users/peterennis/received_events","type":"User","site_admin":false},"labels":[{"id":835668554,"url":"https://api.github.com/repos/ionic-team/ionic/labels/triage","name":"triage","color":"ededed","default":false}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":11,"created_at":"2018-04-21T23:34:31Z","updated_at":"2018-04-26T16:08:14Z","closed_at":"2018-04-24T17:17:29Z","author_association":"NONE","body":"\r\n**Ionic version:**  (check one with \"x\")\r\n(For Ionic 1.x issues, please use https://github.com/ionic-team/ionic-v1)\r\n[ ] **2.x**\r\n[ ] **3.x**\r\n[x] **4.x**\r\n\r\n**I'm submitting a ...**  (check one with \"x\")\r\n[x] bug report\r\n[ ] feature request\r\n\r\n**Current behavior:**\r\nMisalignment of icons\r\nDifficult to select at top\r\nHalf hidden at top\r\nScrolls with page\r\n\r\n![capture292](https://user-images.githubusercontent.com/140737/39089652-8b6ed1e2-4581-11e8-9a7c-baa0966488c8.png)\r\n![capture291](https://user-images.githubusercontent.com/140737/39089653-8b89b4b2-4581-11e8-8a10-a501ce3fd112.png)\r\n![capture290](https://user-images.githubusercontent.com/140737/39089654-8ba259fe-4581-11e8-8c2a-ca80561062cb.png)\r\n![capture289](https://user-images.githubusercontent.com/140737/39089655-8bbe530c-4581-11e8-92a7-9a3049c325bb.png)\r\n\r\n\r\n\r\n\r\n\r\n**Expected behavior:**\r\nWork correctly\r\n\r\n**Steps to reproduce:**\r\n<!--  Please explain the steps required to duplicate the issue, especially if you are able to provide a sample application. -->\r\n\r\n![ion-fab-top](https://user-images.githubusercontent.com/140737/39089658-9e487c8c-4581-11e8-85d9-df9e01940f73.gif)\r\n![ion-fab-bottomt](https://user-images.githubusercontent.com/140737/39089659-9e6fab7c-4581-11e8-8001-1a0b74b1f9eb.gif)\r\n\r\n\r\n**Related code:**\r\n\r\n\r\n\r\n**Other information:**\r\n```\r\nC:\\ae\\adaept.com\\aetabs>ionic info\r\ncli packages: (C:\\Users\\peter\\AppData\\Roaming\\npm\\node_modules)\r\n\r\n   @ionic/cli-utils  : 2.0.0-rc.5\r\n   ionic (Ionic CLI) : 4.0.0-rc.5\r\n\r\nglobal packages:\r\n\r\n   cordova (Cordova CLI) : 8.0.0\r\n\r\nlocal packages:\r\n\r\n   @angular-devkit/core       : 0.5.7\r\n   @angular-devkit/schematics : 0.5.7\r\n   @angular/cli               : 6.0.0-rc.5\r\n   @ionic/schematics-angular  : 1.0.0-rc.5\r\n   Cordova Platforms          : none\r\n   Ionic Framework            : @ionic/angular 4.0.0-alpha.2\r\n\r\nSystem:\r\n\r\n   NodeJS : v8.11.1\r\n   npm    : 5.8.0\r\n   OS     : Windows 10\r\n\r\nEnvironment Variables:\r\n\r\n   ANDROID_HOME : not set\r\n\r\n\r\nC:\\ae\\adaept.com\\aetabs>\r\n```\r\n"},"comment":{"url":"https://api.github.com/repos/ionic-team/ionic/issues/comments/384698159","html_url":"https://github.com/ionic-team/ionic/issues/14365#issuecomment-384698159","issue_url":"https://api.github.com/repos/ionic-team/ionic/issues/14365","id":384698159,"user":{"login":"brandyscarney","id":6577830,"avatar_url":"https://avatars1.githubusercontent.com/u/6577830?v=4","gravatar_id":"","url":"https://api.github.com/users/brandyscarney","html_url":"https://github.com/brandyscarney","followers_url":"https://api.github.com/users/brandyscarney/followers","following_url":"https://api.github.com/users/brandyscarney/following{/other_user}","gists_url":"https://api.github.com/users/brandyscarney/gists{/gist_id}","starred_url":"https://api.github.com/users/brandyscarney/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/brandyscarney/subscriptions","organizations_url":"https://api.github.com/users/brandyscarney/orgs","repos_url":"https://api.github.com/users/brandyscarney/repos","events_url":"https://api.github.com/users/brandyscarney/events{/privacy}","received_events_url":"https://api.github.com/users/brandyscarney/received_events","type":"User","site_admin":false},"created_at":"2018-04-26T16:08:14Z","updated_at":"2018-04-26T16:08:14Z","author_association":"MEMBER","body":"@peterennis We are working on a theme builder where you will be able to select/enter a color and it will generate all of the related variables. In the meantime I recommend reading through the documentation I have linked to see how these are created: https://github.com/ionic-team/ionic-docs/blob/master/src/docs-content/theming/theming-with-css.md#layered-colors\r\n\r\nWe still have a lot of documentation to write for theming, but we plan to have more by beta. 🙂 "}}
{"actor":{"display_login":"brandyscarney"}}