Merge pull request #1446 from nextcloud/design/form-simplifyy

2 files changed, 20 insertions, 13 deletions

diff --git a/css/Properties/Properties.scss b/css/Properties/Properties.scss
index 8dbf2785..5a9aca79 100644
--- a/css/Properties/Properties.scss
+++ b/css/Properties/Properties.scss
@@ -135,6 +135,11 @@ $property-ext-padding-right: 8px;
 		}
 	}
 
+	// Hide delete buttons initially
+	.action-item.icon-delete {
+		opacity: 0;
+	}
+
 	// Property value within row, after label
 	&__value {
 		flex: 1 1;
@@ -152,19 +157,25 @@ $property-ext-padding-right: 8px;
 		input&--with-ext {
 			// ext icon width + 8px padding
 			padding-right: 24px;
-			&:hover,
-			&:focus,
-			&:active {
-				~ .property__ext {
-					opacity: .5;
-				}
+		}
+
+		// Show ext and delete icon permanently on focus
+		&:hover,
+		&:focus,
+		&:active {
+			~ .property__ext,
+			~ .action-item.icon-delete {
+				opacity: .5;
 			}
 		}
 	}
 
-	// show ext button on full row hover
-	&:hover &__ext {
-		opacity: .5;
+	// Show ext and delete buttons on full row hover
+	&:hover {
+		.property__ext,
+		.action-item {
+			opacity: .5;
+		}
 	}
 
 	// External link (tel, mailto, http, ftp...)
diff --git a/css/Properties/PropertyTitle.scss b/css/Properties/PropertyTitle.scss
index eed16496..b4a579d8 100644
--- a/css/Properties/PropertyTitle.scss
+++ b/css/Properties/PropertyTitle.scss
@@ -25,7 +25,6 @@
 	align-items: center;
 	margin: 0;
 	user-select: none;
-	opacity: .6;
 
 	.property__title--right {
 		display: flex;
@@ -34,7 +33,4 @@
 	.property__title--icon {
 		background-position: center right;
 	}
-	.property__title--icon-details {
-		margin-left: 7px;
-	}
 }