Merge pull request #299 from vplan-fr/main

Weekplan Design Fixes
vplan-fr · Mar 25, 2024 · 249be26 · 249be26
2 parents 179ce06 + d48301b
commit 249be26
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/client/src/components/Weekplan/Lesson.svelte b/client/src/components/Weekplan/Lesson.svelte
@@ -257,8 +257,8 @@
 
     &.teacher_absent {
       background: rgba(255, 255, 255, 0.08);
-      outline: 3px solid var(--cancelled-color);
-      outline-offset: -3px;
+      outline: 1.5px solid var(--cancelled-color);
+      outline-offset: -1.5px;
     }
 
     & > button {
@@ -295,6 +295,7 @@
     background: none;
     text-align: center;
     border-radius: 5px;
+    line-height: normal;
   }
 
   .subject {
@@ -303,6 +304,7 @@
 
   .extra_padding {
     padding: .05rem .5rem;
+    line-height: normal;
   }
 
   .rooms.horizontal-align {

diff --git a/client/src/components/Weekplan/Weekplan.svelte b/client/src/components/Weekplan/Weekplan.svelte
@@ -220,6 +220,9 @@
           line-height: calc(2 * var(--lesson-height) + .5rem);
           font-weight: bold;
           font-size: var(--font-size-lg);
+          @media only screen and (max-width: 900px) {
+            font-size: var(--font-size-base);
+          }
           text-align: center;
         }
       }
@@ -229,6 +232,10 @@
         flex-direction: column;
 
         span {
+          font-size: var(--font-size-base);
+          @media only screen and (max-width: 900px) {
+            font-size: var(--font-size-sm);
+          }
           height: calc(var(--lesson-height) + .25rem);
           line-height: calc(var(--lesson-height) + .25rem);
           opacity: 0.5;