Add modal clear view with timeout, title, actions and slideshow with

customisable delay Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
nextcloud-libraries · Feb 26, 2019 · 0b49d2e · 0b49d2e
1 parent f0f4526
commit 0b49d2e
Show file tree

Hide file tree

Showing 7 changed files with 269 additions and 48 deletions.
diff --git a/src/assets/iconfont/close.svg b/src/assets/iconfont/close.svg
diff --git a/src/assets/iconfont/more.svg b/src/assets/iconfont/more.svg
diff --git a/src/assets/iconfont/pause.svg b/src/assets/iconfont/pause.svg
diff --git a/src/assets/iconfont/play.svg b/src/assets/iconfont/play.svg
diff --git a/src/components/Action/Action.vue b/src/components/Action/Action.vue
@@ -28,7 +28,7 @@
 		v-on="isSingleAction && firstAction.action ? { click: firstAction.action } : {}">
 		<!-- If more than one action, create a popovermenu -->
 		<template v-if="!isSingleAction">
-			<div v-click-outside="closeMenu" tabindex="0" class="action-item__menutoggle icon-more"
+			<div v-click-outside="closeMenu" tabindex="0" class="icon action-item__menutoggle"
 				@click.prevent="toggleMenu" />
 			<div :class="{ 'open': opened }" class="action-item__menu popovermenu">
 				<popover-menu :menu="actions" />
@@ -105,12 +105,15 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import '~Fonts/scss/iconfont-vue';
+
 .action-item {
 	display: inline-block;
 
 	// icons
 	&--single,
 	&__menutoggle {
+		box-sizing: border-box;
 		padding: 14px;
 		height: 44px;
 		width: 44px;
@@ -119,6 +122,7 @@ export default {
 	// icon-more
 	&__menutoggle {
 		display: inline-block;
+		@include iconfont('more');
 	}
 	// properly position the menu
 	&--multiple {