[Vue] cdav lib

.eslintrc.js

@@ -46,6 +46,14 @@ module.exports = {
 		'operator-linebreak': ['error', 'before'],
 		// ternary on multiline
 		'multiline-ternary': ['error', 'always-multiline'],
+		// force proper JSDocs
+		'valid-jsdoc': [2, {
+			'prefer': {
+				'return': 'returns'
+			},
+			'requireReturn': false,
+			'requireReturnDescription': false
+		}],
 		// es6 import/export and require
 		'node/no-unpublished-require': ['off'],
 		'node/no-unsupported-features': ['off'],

css/ContactDetails.scss

@@ -104,7 +104,20 @@
 		// ACTIONS
 		#contact-header-actions {
 			position: relative;
+			display: flex;
 			.menu-icon {
+				position: relative;
+				height: 44px;
+				width: 44px;
+				border-radius: 22px;
+				&.menu-icon--pulse {
+					margin: 8px;
+					width: 16px;
+					height: 16px;
+				}
+			}
+			[class^='icon-'],
+			[class*=' icon-'] {
 				height: 44px;
 				width: 44px;
 				padding: 14px;
@@ -122,5 +135,6 @@
 		grid-template-columns: repeat(auto-fit, minmax(unquote('#{$grid-column-width}'), 1fr));
 		grid-column-gap: 20px;
 		padding: 0 20px;
+		min-height: 200px;
 	}
 }

css/Properties/Properties.scss

@@ -100,6 +100,18 @@
 		}
 	}
 
+	&__label.multiselect {
+		.multiselect__tags {
+			border: none;
+			.multiselect__single {
+				@include icon-color('triangle-s', 'actions', $color-black, 1, true);
+				background-repeat: no-repeat;
+				background-position: center right 4px;
+				padding-right: 24px;
+			}
+		}
+	}
+
 	// property value within row, after label
 	&__value {
 		flex: 1 1;

css/animations.scss

@@ -0,0 +1,16 @@
+@keyframes pulse {
+	0% {
+		box-shadow: 0 0 0 0 rgba(50, 50, 50, .4);
+	}
+	70% {
+		box-shadow: 0 0 0 15px rgba(50, 50, 50, 0);
+	}
+	100% {
+		box-shadow: 0 0 0 0 rgba(50, 50, 50, 0);
+	}
+}
+
+[class*='--pulse '],
+[class$='--pulse'] {
+	animation: pulse 1.5s infinite;
+}

css/contacts.scss

@@ -45,4 +45,5 @@ $grid-input-height-with-margin: #{$grid-height-unit - $grid-input-margin * 2};
 @import 'ContactDetails';
 @import 'Properties/Properties';
 @import 'Properties/PropertyTitle';
-@import 'importScreen';
+@import 'importScreen';
+@import 'animations';