{"action":"closed","issue":{"url":"https://api.github.com/repos/videojs/video.js/issues/3492","repository_url":"https://api.github.com/repos/videojs/video.js","labels_url":"https://api.github.com/repos/videojs/video.js/issues/3492/labels{/name}","comments_url":"https://api.github.com/repos/videojs/video.js/issues/3492/comments","events_url":"https://api.github.com/repos/videojs/video.js/issues/3492/events","html_url":"https://github.com/videojs/video.js/issues/3492","id":169172032,"number":3492,"title":"Very unspecific css selector","user":{"login":"vxsx","id":366813,"avatar_url":"https://avatars.githubusercontent.com/u/366813?v=3","gravatar_id":"","url":"https://api.github.com/users/vxsx","html_url":"https://github.com/vxsx","followers_url":"https://api.github.com/users/vxsx/followers","following_url":"https://api.github.com/users/vxsx/following{/other_user}","gists_url":"https://api.github.com/users/vxsx/gists{/gist_id}","starred_url":"https://api.github.com/users/vxsx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vxsx/subscriptions","organizations_url":"https://api.github.com/users/vxsx/orgs","repos_url":"https://api.github.com/users/vxsx/repos","events_url":"https://api.github.com/users/vxsx/events{/privacy}","received_events_url":"https://api.github.com/users/vxsx/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/videojs/video.js/labels/bug","name":"bug","color":"fc2929"},{"url":"https://api.github.com/repos/videojs/video.js/labels/confirmed","name":"confirmed","color":"00CC00"},{"url":"https://api.github.com/repos/videojs/video.js/labels/difficulty:%20easy","name":"difficulty: easy","color":"9ECEB4"}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2016-08-03T16:14:31Z","updated_at":"2016-08-08T22:23:45Z","closed_at":"2016-08-08T22:23:45Z","body":"## Description\r\nUsing default skin affects the styles of the website not related to video js\r\nReduced test case http://jsbin.com/liwetupuke/edit?html,output\r\n\r\n## Steps to reproduce\r\nExplain in detail the exact steps necessary to reproduce the issue.\r\n\r\n1. Add provided css\r\n2. All your `legend` elements now have width of 100px\r\n\r\n## Results\r\n### Expected\r\nVideojs css doesn't affect website styles\r\n\r\n### Actual\r\nIt does\r\n\r\n### Additional information\r\nThe bug is coming from here https://github.com/videojs/video.js/blob/238c752aee45cd6b2b69585d740c3991796ca3b1/src/css/components/_captions-settings.scss#L45\r\n\r\nShould probably be this instead, but I'm not really familiar with the project\r\n```scss\r\n.vjs-caption-settings .vjs-tracksetting {\r\n    label, legend {\r\n        display: block;\r\n        width: 100px;\r\n        margin-bottom: 5px; \r\n    }\r\n}\r\n\r\n```\r\n\r\n"}}
{"actor":{"display_login":"gkatsev"}}