BaseAccordion.vue edited online with Bitbucket

webui/src/components/globals/BaseAccordion.vue

@@ -1,5 +1,5 @@
 <template functional>
-	<details :class="[data.staticClass, { 'with-arrow': props.withArrow }]" :style="data.staticStyle">
+	<details :class="[data.staticClass]" :open="props.open" :style="data.staticStyle">
 		<summary class="cursor-pointer">
 			<slot name="title">Setting</slot>
 		</summary>
@@ -13,21 +13,22 @@
 <script>
 export default {
 	props: {
-		withArrow: {
+		open: {
 			type: Boolean,
-			default: true
+			default: false
 		}
 	}
 }
 </script>
 
 <style>
-details > summary::marker {
-	display: none;
-}
+/* hide marker on summary */
+details>summary {
+	list-style: none;
 
-details.with-arrow > summary::marker {
-	display: initial;
-	vertical-align: var(--arrow-v-align, super);
+	/* WebKit browsers */
+	&::-webkit-details-marker {
+		display: none;
+	}
 }
 </style>