argos/dmp-frontend/src/app/ui/grant/listing/criteria/grant-criteria.component.scss

131 lines
2.5 KiB
SCSS
Raw Normal View History

.dmp-criteria {
2020-08-03 11:35:34 +02:00
mat-form-field {
padding-bottom: 5px;
width: 100%;
}
2019-05-09 15:57:00 +02:00
2020-08-03 11:35:34 +02:00
mat-card {
padding-bottom: 0px;
}
2019-05-09 15:57:00 +02:00
2020-08-03 11:35:34 +02:00
.hidden {
display: none;
}
2019-05-09 15:57:00 +02:00
2020-08-03 11:35:34 +02:00
.uploadButton {
float: right;
}
2020-08-03 11:35:34 +02:00
}
2019-05-09 15:57:00 +02:00
2020-08-03 11:35:34 +02:00
.search ::ng-deep.mat-form-field-infix {
margin-left: 1em;
}
2019-05-09 15:57:00 +02:00
2020-08-03 11:35:34 +02:00
.filter-category {
background-color: #f6f6f6;
margin: 5px 0px;
}
2019-05-09 15:57:00 +02:00
2020-08-03 11:35:34 +02:00
.category-title {
color: black;
// color: #089dbb;
margin-top: 8px;
margin-bottom: 12px;
}
2019-05-09 15:57:00 +02:00
2020-08-03 11:35:34 +02:00
.import {
margin: 10px;
padding: 0px;
}
.filters {
border: 1px solid #e4e4e4;
border-radius: 5px;
}
.filters-title {
width: 90px;
// color: #089dbb;
2023-02-10 14:08:23 +01:00
color: var(--primary-color-2);
2020-08-03 11:35:34 +02:00
background-color: white;
padding: 0px 20px;
margin-top: -10px;
margin-left: 20px;
text-transform: uppercase;
}
.style-icon {
color: #adadad;
}
2019-05-09 15:57:00 +02:00
2019-10-30 17:15:16 +01:00
// ::ng-deep .mat-checkbox-inner-container {
// background: white;
// }
2019-05-09 15:57:00 +02:00
2019-10-30 17:15:16 +01:00
// ::ng-deep .mat-focused .mat-form-field-label {
2023-02-10 14:08:23 +01:00
// color: var(--primary-color-3) !important;
2019-10-30 17:15:16 +01:00
// }
2019-05-09 15:57:00 +02:00
2019-10-30 17:15:16 +01:00
// ::ng-deep.mat-form-field-underline {
// background-color: #adadad;
// }
2019-05-09 15:57:00 +02:00
2019-10-30 17:15:16 +01:00
// ::ng-deep.mat-form-field-ripple {
2023-02-10 14:08:23 +01:00
// background-color: var(--primary-color-3) !important;
2019-05-09 15:57:00 +02:00
// }
2020-08-03 11:35:34 +02:00
::ng-deep .mat-checkbox {
background-color: #f6f6f6 !important;
}
::ng-deep .mat-checkbox .mat-checkbox-frame {
border: 1px solid #aaaaaa;
}
::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
2023-02-10 14:08:23 +01:00
background-color: var(--primary-color-3);
2020-08-03 11:35:34 +02:00
}
::ng-deep .mat-ripple-element {
background-color: #2e74b649 !important;
}
::ng-deep .mat-radio-container {
border-radius: 1em;
background: white;
}
::ng-deep .mat-radio-button .mat-radio-outer-circle {
border: 1px solid #aaaaaa;
}
::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #777777;
2023-02-10 14:08:23 +01:00
// border-color: var(--primary-color-3);
2020-08-03 11:35:34 +02:00
}
::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
color: #777777;
background-color: #777777;
2023-02-10 14:08:23 +01:00
// color: var(--primary-color-3);
// background-color: var(--primary-color-3);
2020-08-03 11:35:34 +02:00
}
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color: #2e74b649;
}
::ng-deep .search-form .mat-form-field-wrapper {
background-color: white !important;
padding-bottom: 0 !important;
}
::ng-deep .mat-form-field-appearance-outline .mat-form-field-infix {
padding: 0.3rem 0rem 0.6rem 0rem !important;
}