Fix: Better Foundation 6 integration. Dropdown shows as a vertical list and active state is different from not

Allan Jardine · Allan Jardine · commit d5ffe01fd564 · 2018-09-20T12:28:00.000+01:00
diff --git a/css/buttons.foundation.scss b/css/buttons.foundation.scss
@@ -60,11 +60,13 @@ div.button-group.stacked.dropdown-pane {
 	z-index: 89;
 
 	a.button {
+		display: block;
 		margin-bottom: 1px;
 		border-right: none;
 
 		&:last-child {
 			margin-bottom: 0;
+			margin-right: 1px;
 		}
 	}
 }
diff --git a/js/buttons.foundation.js b/js/buttons.foundation.js
@@ -70,7 +70,8 @@ $.extend( true, DataTable.Buttons.defaults, {
 		},
 		button: {
 			tag: 'a',
-			className: 'button small'
+			className: 'button small',
+			active: 'secondary'
 		},
 		buttonLiner: {
 			tag: null

Original file line number	Diff line number	Diff line change
`@@ -60,11 +60,13 @@ div.button-group.stacked.dropdown-pane {`
`60`	`60`	`z-index: 89;`
`61`	`61`
`62`	`62`	`a.button {`
	`63`	`+ display: block;`
`63`	`64`	`margin-bottom: 1px;`
`64`	`65`	`border-right: none;`
`65`	`66`
`66`	`67`	`&:last-child {`
`67`	`68`	`margin-bottom: 0;`
	`69`	`+ margin-right: 1px;`
`68`	`70`	`}`
`69`	`71`	`}`
`70`	`72`	`}`