Просмотр исходного кода

Improve song info display

The line heights were a bit off before and the changes to game's grid
caused things to be slightly offset.
Thomas Dy 3 лет назад
Родитель
Сommit
86841072b3
1 измененных файлов с 9 добавлено и 5 удалено
  1. 9 5
      src/style.css

+ 9 - 5
src/style.css

@@ -121,7 +121,7 @@
 
 #song-info {
   grid-column: start / right;
-  grid-row: header / game;
+  grid-row: top / bottom;
   left: -31.25em;
 }
 
@@ -284,22 +284,26 @@
 /* song-info {{{ */
 
 #song-info {
-  display: grid;
+  margin-top: 10em;
+  margin-left: 1.25em;
 }
 
 .song-info {
-  align-self: end;
-  margin-left: 1.25em;
   text-shadow: 0em 0em 0.3125em var(--contrast-color);
 }
 
+.song-info div {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .song-info .genre {
   font-size: 0.75em;
 }
 
 .song-info .creator {
   font-size: 1.25em;
-  line-height: 0.5;
 }
 
 .song-info .title {