-
-
Notifications
You must be signed in to change notification settings - Fork 8
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
basic documentation of how we display for print the settings
- Loading branch information
Showing
1 changed file
with
24 additions
and
0 deletions.
There are no files selected for viewing
This file contains 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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,24 @@ | ||
## Settings utilities | ||
|
||
This directory contains the componets required to vizualize and also print device settings | ||
|
||
### print view | ||
|
||
*Aim:* | ||
To keep our componets as similar when viewed in the web app as when printed. Where varations occur, such as so we can show all settings in an open state, we have initially taken the approach outlined | ||
|
||
*In the component:* | ||
Based on the mode the component is being viewed in we have a prop that can be used and then the component be shown in a different state. In the settings instance it means showing all the settings sections expanded. | ||
|
||
``` | ||
printView: React.PropTypes.bool.isRequired | ||
``` | ||
|
||
*In the css:* | ||
If there are any specific print styles these are contained in the section below. Of note are the `page-break`s. At this stage they have been done on a "best guess" and are specific to each comonent based on how we would ideally like the settings to be broken up when printing. | ||
|
||
``` | ||
@media print { | ||
.... | ||
} | ||
``` |