mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-08-10 15:44:19 -07:00
Allows the user to download CBG list (#318)
* adds initial download CBG box * componentize download packet, adds e2e tests * changes download file url in test to smaller size * improve testing functions * removes underline, colors icon * replace csv with zip for safari security issue
This commit is contained in:
parent
0316906a69
commit
33c3288160
10 changed files with 195 additions and 24 deletions
59
client/src/components/downloadPacket.module.scss
Normal file
59
client/src/components/downloadPacket.module.scss
Normal file
|
@ -0,0 +1,59 @@
|
|||
$primary-color: #112f4e;
|
||||
|
||||
.downloadBoxContainer {
|
||||
flex: 0 0 350px;
|
||||
// flex: 1;
|
||||
// border: 1px solid red;
|
||||
|
||||
color: whitesmoke;
|
||||
margin: auto;
|
||||
|
||||
.downloadBox {
|
||||
background-color: $primary-color;
|
||||
min-width: 400px;
|
||||
border-radius: 6px 6px;
|
||||
|
||||
.downloadBoxTextBox {
|
||||
// border: 2px solid green;
|
||||
padding: 25px 25px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.downloadBoxTitle {
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.downloadBoxText {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.downloadBoxButtonContainer {
|
||||
margin-top: 20px 0 0 0;
|
||||
align-self: center;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
img {
|
||||
// This should be a global css-filter value as it's generated
|
||||
// from the primary color.
|
||||
filter: invert(15%) sepia(9%) saturate(5666%) hue-rotate(175deg) brightness(96%) contrast(95%);
|
||||
}
|
||||
}
|
||||
|
||||
.downloadBoxButton{
|
||||
background-color: white;
|
||||
color: $primary-color;
|
||||
display: flex;
|
||||
|
||||
.downloadPacketText {
|
||||
padding-top: 4px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue