Last active
August 29, 2022 18:45
-
-
Save davidallenlewis/0ea08419ea88edfa5a3ba68fe24ae7a1 to your computer and use it in GitHub Desktop.
Hide Inactive Appointment Locations in CANImmunize
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Remove extra spacing from all cards */ | |
| .card[appointment][class*="styles_appointmentTypeCard__"] { | |
| margin: 0 !important; | |
| border-top: 0 !important; | |
| border-bottom: 0 !important; | |
| } | |
| /* Add bottom spacing back to visible cards */ | |
| .card[appointment][class*="styles_appointmentTypeCardSelectable__"] { | |
| margin-bottom: 10px !important; | |
| } | |
| /* First hide content of all appointment cards by default */ | |
| .card[appointment][class*="styles_appointmentTypeCard__"] * { | |
| display: none; | |
| } | |
| /* Then unhide content of cards (locations) that HAVE appointments */ | |
| .card[appointment][class*="styles_appointmentTypeCardSelectable__"] *, | |
| .card[appointment][class*="styles_appointmentTypeCardSelected__"] * { | |
| display: block; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
USAGE: Use the "Download ZIP" button (top right) and then unzip and save the CSS file (which will be inside a folder) anywhere on your computer. Then you need to get your web browser to use it:
Safari: Assign the CANImmunized.css file you saved to your computer in "Preferences > Advanced > Style sheet"
Chrome: Use the following extension and follow it's instructions for how to add the CSS code from the CANImmunized.css file https://chrome.google.com/webstore/detail/user-css/okpjlejfhacmgjkmknjhadmkdbcldfcb?hl=en
Firefox: Maybe try this extension
https://addons.mozilla.org/en-CA/firefox/addon/insert-style-sheet-temporarily/
Mobile: Do some Google searching on how to apply custom CSS to your mobile browser and you may find a mobile solution. I’ve gotten it working on Safari in iOS.
PLEASE NOTE: Because this hides all locations with no appointments sometimes when you hit "Load More" it may seem like nothing happened. What happened was that all of the locations you just loaded had no appointments. Just keep clicking "Load More".