Provides the following UI improvement:

* Multi-line text beside folder icon
nextcloud · Feb 3, 2021 · e80fe75 · e80fe75
1 parent 59803c4
commit e80fe75
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/components/Folder.vue b/src/components/Folder.vue
@@ -172,8 +172,6 @@ export default {
 	}
 }
 
-$name-height: 1rem;
-
 .folder-name {
 	position: absolute;
 	z-index: 3;
@@ -186,20 +184,20 @@ $name-height: 1rem;
 	opacity: 1;
 	&__icon {
 		height: 40%;
-		margin-top: calc(30% - #{$name-height} / 2); // center name+icon
+		margin-top: 30%; // center name+icon
 		background-size: 40%;
 	}
 	&__name {
 		overflow: hidden;
-		height: $name-height;
+		height: 30%;
 		padding: 0 10px;
 		text-align: center;
 		white-space: nowrap;
 		text-overflow: ellipsis;
 		color: var(--color-main-background);
 		text-shadow: 0 0 8px var(--color-main-text);
-		font-size: $name-height;
-		line-height: $name-height;
+		font-size: 1rem;
+		line-height: 1rem;
 	}
 }