tags are now in one line (#1219)

tags are now in one line
2019-09-05 22:47:55 +02:00
parent d4c744b084 6c8ac1ed47
commit 4e320ff1e9
2 changed files with 42 additions and 3 deletions
--- a/src/components/cards/CardItem.vue
+++ b/src/components/cards/CardItem.vue
@@ -183,17 +183,39 @@ export default {
 		}

 		.labels {
+			flex-grow: 1;
+			flex-shrink: 1;
+			min-width: 0;
+			display: flex;
+			flex-direction: row;
 			margin-left: $card-padding;
+			margin-right: $card-padding;
 			margin-top: -5px;
-			overflow: hidden;

 			li {
-				float: left;
+				flex-grow: 0;
+				flex-shrink: 1;
+				display: flex;
+				flex-direction: row;
+				overflow: hidden;
 				padding: 1px 3px;
 				border-radius: 3px;
 				font-size: 85%;
 				margin-right: 3px;
 				margin-bottom: 3px;
+
+				&:hover {
+					overflow: unset;
+				}
+
+				span {
+					flex-grow: 0;
+					flex-shrink: 1;
+					min-width: 0;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+				}
 			}
 		}