argos/dmp-frontend/src/app/ui/dataset/overview/dataset-overview.component....

298 lines
4.1 KiB
SCSS
Raw Normal View History

2020-07-03 15:58:13 +02:00
.container-fluid {
margin: 2em 4em;
padding: 2em;
}
// ********ICONS********
.back-icon {
opacity: 0.4;
}
.mat-mini-fab {
width: 2.5em;
height: 2.5em;
color: #212121;
background-color: #f7dd72;
2020-07-03 15:58:13 +02:00
}
.mat-mini-fab-icon,
.status-icon {
2020-07-03 15:58:13 +02:00
font-size: 1.2em;
}
.actions-btn:hover,
.finalize-btn:hover {
background-color: #129d99;
color: #ffffff;
2020-07-03 15:58:13 +02:00
}
.status-icon {
color: #a7a7a7;
2020-07-03 15:58:13 +02:00
}
.check-icon {
font-weight: bold;
}
2020-07-03 15:58:13 +02:00
.account-icon {
font-size: 2.5em;
}
// ********BUTTONS********
.version-btn {
// width: 6.7em;
height: 1.8em;
border: 1px solid #707070;
border-radius: 4px;
background-color: transparent;
}
.id-btn {
background: url("../../../../assets/images/NoPath.png") no-repeat center;
2020-07-03 15:58:13 +02:00
width: 1em;
margin-right: 0.3em;
align-self: center;
}
.dmp-btn {
width: 35em;
min-height: 2.3em;
background-color: #129d99;
2020-07-03 15:58:13 +02:00
border-radius: 4px;
2020-07-07 17:30:25 +02:00
flex-direction: row;
2020-07-03 15:58:13 +02:00
justify-content: space-between;
2020-07-03 17:31:35 +02:00
border: none;
}
.dmp-btn,
.dmp-btn > mat-icon {
2020-07-03 17:31:35 +02:00
color: #ffffff;
// opacity: 0.8;
2020-07-03 15:58:13 +02:00
}
.show-more-btn {
width: 31.6em;
padding: 0 1em;
background-color: #ffffff00;
color: #129d99;
2020-07-03 15:58:13 +02:00
font-weight: 700;
}
.frame-btn {
border: 1px solid #212121;
color: black;
background: #ffffff;
2020-07-03 15:58:13 +02:00
}
.finalize-btn {
// border: 1px solid #F7DD72;
background: #f5db71;
2020-07-03 15:58:13 +02:00
}
.frame-btn,
.finalize-btn {
2020-07-03 15:58:13 +02:00
box-shadow: 0px 2px 6px #00000029;
}
.remove-btn {
border: none;
background-color: transparent;
font-size: 0.875em;
font-weight: bold;
margin-left: auto;
}
.invite-btn {
2020-07-03 15:58:13 +02:00
width: 9.4em;
height: 2.9em;
background: #ffffff;
box-shadow: 0px 3px 6px #1e202029;
2020-07-03 15:58:13 +02:00
border: 2px solid #212121;
border-radius: 30px;
}
.account_btn {
background: white;
color: #d5d5d5;
2020-07-03 15:58:13 +02:00
border: none;
height: 2.9em;
}
// ********TEXT********
.dataset-logo {
width: 6em;
height: 2.6em;
background: #f7dd72;
2020-07-03 15:58:13 +02:00
border-radius: 4px;
font-size: 0.875em;
// color: #212121;
// color: black;
// opacity: 0.75;
}
.label-txt {
font-size: 0.875em;
}
.label2-txt {
font-size: 1em;
}
.label-txt,
.label2-txt {
2020-07-03 15:58:13 +02:00
color: #848484;
2020-07-10 09:32:11 +02:00
font-weight: 400;
2020-07-03 15:58:13 +02:00
}
.dataset-label {
font-weight: bold;
2020-07-06 17:42:54 +02:00
width: auto;
2020-07-03 15:58:13 +02:00
}
.uppercase {
text-transform: uppercase;
}
.researcher {
font-size: 0.875em;
color: #008887;
padding-right: 0.5em;
align-self: center;
2020-07-03 15:58:13 +02:00
}
.header {
opacity: 0.6;
margin-top: 1em;
2020-07-06 12:21:11 +02:00
margin-bottom: 0.5em;
2020-07-03 15:58:13 +02:00
}
.dataset-label,
.header {
2020-07-03 15:58:13 +02:00
font-size: 1.25em;
color: #212121;
}
.desc-txt {
width: 48.25em;
font-size: 1em;
color: #212121;
margin-bottom: 1.875em;
}
.dmp-btn-label {
margin-right: 1em;
overflow: hidden;
color: #ffffff;
2020-07-03 17:31:35 +02:00
opacity: 0.8;
text-align: left;
2020-07-03 15:58:13 +02:00
}
.doi-label {
font-size: 1em;
color: #212121;
opacity: 0.6;
margin-bottom: 0.3em;
}
.doi-txt {
font-size: 0.8em;
letter-spacing: 0.009em;
color: #7d7d7d;
2020-07-03 15:58:13 +02:00
width: 12em;
height: 1em;
overflow: hidden;
border: none;
padding: 0px;
}
.doi-panel {
height: 3.5em;
background: #fafafa;
border: 1px solid #d1d1d1;
2020-07-03 15:58:13 +02:00
border-radius: 4px;
flex-direction: row;
justify-content: space-between;
}
.doi-link {
color: white;
}
.frame {
background: #ffffff;
2020-07-03 15:58:13 +02:00
box-shadow: 0px 1px 5px #00000026;
border-radius: 4px;
overflow: hidden;
}
.frame-txt {
color: #000000;
}
.frame-txt,
.finalize-txt {
2020-07-03 15:58:13 +02:00
font-size: 0.75em;
font-weight: bold;
letter-spacing: 0px;
text-transform: uppercase;
cursor: pointer;
}
.hr-line {
border: 1px solid #dbdbdb;
2020-07-03 15:58:13 +02:00
// width: 274px;
// width: 17em;
width: 100%;
}
.authors {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.authors-label {
font-size: 0.875em;
color: #212121;
height: 1.4em;
margin-bottom: 0px;
}
.authors-role {
font-size: 0.875em;
color: #a8a8a8;
2020-07-03 15:58:13 +02:00
height: 1.4em;
margin-bottom: 0px;
}
// ********CENTER ELEMENTS********
.mat-mini-fab,
.mat-mini-fab-icon,
.actions-btn,
.status-icon,
.dataset-logo,
.frame-btn,
.finalize-btn {
2020-07-03 15:58:13 +02:00
display: flex;
justify-content: center;
align-items: center;
}
.dataset-label,
.dmp-btn,
.doi-panel,
.researcher {
2020-07-03 15:58:13 +02:00
display: flex;
align-items: center;
}
.show-more-btn {
display: flex;
justify-content: center;
2020-07-10 09:32:11 +02:00
}