attract/src/styles/_shots.sass

.table
	.table-head
		.table-cell
			&.shot-thumbnail
				width: $shots-list-thumbnail-width

			&.task-type
				text-transform: capitalize

			span.collapser
				cursor: pointer

	.table-body
		display: table-row-group
		.table-cell
			&.shot-name
				padding-left: 10px

			&.task-type
				max-width: 120px
				+text-overflow-ellipsis

				/* Each task in a new line */
				a
					display: block
Use divs instead of table tags Tables are non-responsive by design and require more overrides to be cross-browser compatible 2016-09-22 12:31:39 +02:00			`.table`
			`.table-head`
			`.table-cell`
			`&.shot-thumbnail`
			`width: $shots-list-thumbnail-width`

			`&.task-type`
			`text-transform: capitalize`

Shot list: collapse columns by clicking on the title 2016-09-22 15:44:41 +02:00			`span.collapser`
			`cursor: pointer`

Use divs instead of table tags Tables are non-responsive by design and require more overrides to be cross-browser compatible 2016-09-22 12:31:39 +02:00			`.table-body`
			`display: table-row-group`
			`.table-cell`
			`&.shot-name`
			`padding-left: 10px`

Shot list: collapse columns by clicking on the title 2016-09-22 15:44:41 +02:00			`&.task-type`
Use divs instead of table tags Tables are non-responsive by design and require more overrides to be cross-browser compatible 2016-09-22 12:31:39 +02:00			`max-width: 120px`
			`+text-overflow-ellipsis`

Shot list: collapse columns by clicking on the title 2016-09-22 15:44:41 +02:00			`/* Each task in a new line */`
Use divs instead of table tags Tables are non-responsive by design and require more overrides to be cross-browser compatible 2016-09-22 12:31:39 +02:00			`a`
			`display: block`