{"action":"opened","issue":{"url":"https://api.github.com/repos/PBGUX/designsystem/issues/37","labels_url":"https://api.github.com/repos/PBGUX/designsystem/issues/37/labels{/name}","comments_url":"https://api.github.com/repos/PBGUX/designsystem/issues/37/comments","events_url":"https://api.github.com/repos/PBGUX/designsystem/issues/37/events","html_url":"https://github.com/PBGUX/designsystem/issues/37","id":113615294,"number":37,"title":"Support for tabs-left/vertical tabs","user":{"login":"dustin2524","id":4664726,"avatar_url":"https://avatars.githubusercontent.com/u/4664726?v=3","gravatar_id":"","url":"https://api.github.com/users/dustin2524","html_url":"https://github.com/dustin2524","followers_url":"https://api.github.com/users/dustin2524/followers","following_url":"https://api.github.com/users/dustin2524/following{/other_user}","gists_url":"https://api.github.com/users/dustin2524/gists{/gist_id}","starred_url":"https://api.github.com/users/dustin2524/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dustin2524/subscriptions","organizations_url":"https://api.github.com/users/dustin2524/orgs","repos_url":"https://api.github.com/users/dustin2524/repos","events_url":"https://api.github.com/users/dustin2524/events{/privacy}","received_events_url":"https://api.github.com/users/dustin2524/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-10-27T15:46:35Z","updated_at":"2015-10-27T15:46:35Z","closed_at":null,"body":"We are using [vertical-tabs](https://github.com/dbtek/bootstrap-vertical-tabs) and as of DS 2.0 they look a little odd.\r\n\r\n![image](https://cloud.githubusercontent.com/assets/4664726/10763104/0f6ebd08-7c9f-11e5-81e5-2d16b0c2251c.png)\r\n\r\nThe cause of this is the rule:\r\n\r\n    .nav-tabs > li {\r\n        float: left;\r\n        margin-bottom: -1px;\r\n    }\r\n\r\nAfter removing above rule:\r\n![image](https://cloud.githubusercontent.com/assets/4664726/10763168/4447916c-7c9f-11e5-9207-9d495e130701.png)\r\n\r\nThis rule also seems to be causing border issues\r\n\r\n    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {\r\n        color: #2e2e2e;\r\n        background-color: #fff;\r\n        /* border: 1px solid #e1e1e1; */\r\n        border-top: 2px solid #3e53a4;\r\n        /* border-bottom-color: transparent; */\r\n        cursor: default;\r\n    }\r\n\r\nThe commented out ones are the changes  I made to make it look slightly better.\r\n\r\n![image](https://cloud.githubusercontent.com/assets/4664726/10763326/e8d153c6-7c9f-11e5-82eb-bda289c15c80.png)\r\n\r\n\r\nSorry if I am mistaken but believe the previous design system site had an example using vertical tabs. "}}