Sfoglia il codice sorgente

fix(station card): user count disappearing when song title is long

The song title with now be cut off. Still need hover scrolling functionality.
Owen Diffey 5 anni fa
parent
commit
0d46d357a4
1 ha cambiato i file con 5 aggiunte e 0 eliminazioni
  1. 5 0
      frontend/components/pages/Home.vue

+ 5 - 0
frontend/components/pages/Home.vue

@@ -465,6 +465,7 @@ html {
 		}
 		}
 	}
 	}
 	.bottomBar {
 	.bottomBar {
+		display: inline-flex;
 		background: $primary-color;
 		background: $primary-color;
 		box-shadow: inset 0px 2px 4px rgba(7, 136, 191, 0.6);
 		box-shadow: inset 0px 2px 4px rgba(7, 136, 191, 0.6);
 		width: 100%;
 		width: 100%;
@@ -477,10 +478,14 @@ html {
 			vertical-align: middle;
 			vertical-align: middle;
 			margin-left: 12px;
 			margin-left: 12px;
 			font-size: 22px;
 			font-size: 22px;
+			line-height: 30px;
 		}
 		}
 		.songTitle {
 		.songTitle {
 			vertical-align: middle;
 			vertical-align: middle;
 			margin-left: 5px;
 			margin-left: 5px;
+			line-height: 30px;
+			flex: 2 1 0;
+			overflow: hidden;
 		}
 		}
 		.right {
 		.right {
 			float: right;
 			float: right;