user preferences - chord type

2020-03-22 14:06:50 +01:00
parent 7d8f6dd80b
commit aa57dc2ce3
19 changed files with 93 additions and 21 deletions
--- a/src/app/widget-modules/components/song-text/song-text.component.less
+++ b/src/app/widget-modules/components/song-text/song-text.component.less
@@ -2,8 +2,22 @@
  white-space: pre-wrap;
  position: relative;

+
  &.chords {
    font-family: 'Ubuntu Mono', monospace;
+
+    @media screen and (max-width: 600px) {
+      font-size: 11px;
+    }
+    @media screen and (max-width: 500px) {
+      font-size: 9px;
+    }
+    @media screen and (max-width: 400px) {
+      font-size: 8px;
+    }
+    @media screen and (max-width: 350px) {
+      font-size: 7px;
+    }
  }

  &:hover .menu {