Do not show popover with departments on small screens

BenjaVR · Feb 17, 2019 · e61cf32 · e61cf32 · BenjaVR · Feb 17, 2019
1 parent 5f8cd0e
commit e61cf32
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/src/components/planning/PlanningsPage.module.scss b/src/components/planning/PlanningsPage.module.scss
@@ -36,6 +36,12 @@
     margin-bottom: 4px;
 }
 
+.calendarPopoverDepartment {
+    @media screen and (max-width: $breakpoint_sm) {
+        display: none;
+    }
+}
+
 .calendarPopoverSpanLine {
     display: block;
 }

diff --git a/src/components/planning/PlanningsPage.tsx b/src/components/planning/PlanningsPage.tsx
@@ -230,6 +230,7 @@ class PlanningsPage extends React.Component<PlanningsPageProps, IPlanningsPageSt
         });
         return (
             <Popover
+                overlayClassName={styles.calendarPopoverDepartment}
                 title={<b>Capaciteiten</b>}
                 content={this.renderDepartmentPopoverContent(plannedStudentsToday)}
                 mouseEnterDelay={0.5}

diff --git a/yarn.lock b/yarn.lock
@@ -7300,7 +7300,7 @@ npm-packlist@^1.1.6:
     ignore-walk "^3.0.1"
     npm-bundled "^1.0.1"
 
-npm-run-all@^4.1.5:
+[email protected]:
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/npm-run-all/-/npm-run-all-4.1.5.tgz#04476202a15ee0e2e214080861bff12a51d98fba"
   integrity sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==
@@ -10930,7 +10930,7 @@ [email protected]:
     postcss-nested "^4.1.1"
     strip-css-singleline-comments "^1.1.0"
 
-typescript-tslint-plugin@^0.3.1:
+[email protected]:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/typescript-tslint-plugin/-/typescript-tslint-plugin-0.3.1.tgz#d86ae0342c9e8f9ecfcbcc47f7a7c2b5ab0e86f9"
   integrity sha512-h8HEPBm36UEs901ld1x6m5eY/UFb4mF+A0nvERr4BWMww5wnV5nfcm9ZFt18foYL0GQ5NVMt1Tb3466WUU8dRQ==