MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

frontend code clean up

This commit is contained in:
amentis 2024-07-11 11:19:27 +03:00
parent fdec2cdff0
commit 80d34ccbf4
45 changed files with 4 additions and 340 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/annotation-service/ui/admin/status/listing/filters/status-listing-filters.component.html
View File

@ -55,5 +55,5 @@
</div> </div>
</mat-menu> </mat-menu>
<!-- <app-expandable-search-field [(value)]=internalFilters.like (valueChange)="onSearchTermChange($event)" /> --> <app-expandable-search-field [(value)]=internalFilters.like (valueChange)="onSearchTermChange($event)" />
</div> </div>

1
frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss
View File

@ -72,7 +72,6 @@
.option { .option {
line-height: 1rem; line-height: 1rem;
// height: 3em;
} }
.option-icon { .option-icon {

5
frontend/src/app/library/guided-tour/guided-tour.component.scss
View File

@ -20,7 +20,6 @@ ngx-guided-tour {
.tour-step { .tour-step {
position: fixed; position: fixed;
&.page-tour-step { &.page-tour-step {
// max-width: 400px;
max-width: 1043px; /*custom add*/ max-width: 1043px; /*custom add*/
width: 50%; width: 50%;
left: 50%; left: 50%;
@ -56,8 +55,6 @@ ngx-guided-tour {
&.tour-bottom, &.tour-bottom,
&.tour-top { &.tour-top {
.tour-arrow::before { .tour-arrow::before {
// transform: translateX(-50%);
// left: 50%;
/*custom add*/ /*custom add*/
transform: scale(2); transform: scale(2);
left: 494px; left: 494px;
@ -109,8 +106,6 @@ ngx-guided-tour {
} }
.tour-block { .tour-block {
// padding: 15px 25px;
/*custom add*/ /*custom add*/
padding: 15px 25px 15px 0px; padding: 15px 25px 15px 0px;
max-height: 348px; max-height: 348px;

6
frontend/src/app/library/rich-text-editor/rich-text-editor.component.scss
View File

@ -2,12 +2,6 @@
min-height: 150px !important; min-height: 150px !important;
} }
//.form-field-subscript-wrapper {
// font-size: 75%;
// padding-left: 12px;
// margin-top: 8px;
//}
.editor-wrapper { .editor-wrapper {
position: relative; position: relative;
border: 1px solid transparent !important; border: 1px solid transparent !important;

2
frontend/src/app/ui/admin/description-template/editor/components/field/description-template-editor-field.component.scss
View File

@ -55,8 +55,6 @@ li.list-inline-item{
margin-right: 0.5em; margin-right: 0.5em;
} }
.add-visibility-button{ .add-visibility-button{
// display: flex;
// align-items: center;
width: auto; width: auto;
cursor: pointer; cursor: pointer;
span{ span{

4
frontend/src/app/ui/admin/description-template/editor/components/section-fieldset/description-template-editor-section-fieldset.component.scss
View File

@ -32,10 +32,7 @@ $blue-color-light: #5cf7f2;
top: 13.5em; top: 13.5em;
} }
.actions-list{ .actions-list{
// border: 1px solid $blue-color;
// box-shadow: 0px 3px 12px var(--primary-color)99;
border-radius: 4px; border-radius: 4px;
// padding-top: 1rem;
padding: 1em 0.9em; padding: 1em 0.9em;
padding-bottom: 3em; padding-bottom: 3em;
min-width: 166px; min-width: 166px;
@ -54,7 +51,6 @@ $blue-color-light: #5cf7f2;
.action-list-icon{ .action-list-icon{
font-size: 1.2em; font-size: 1.2em;
// padding-right: 1em;
width: 14px; width: 14px;
margin-right: 0.5em; margin-right: 0.5em;
margin-left: -.09em; margin-left: -.09em;

1
frontend/src/app/ui/admin/description-template/editor/components/section/description-template-editor-section.component.scss
View File

@ -16,7 +16,6 @@
letter-spacing: 0px; letter-spacing: 0px;
color: #212121; color: #212121;
opacity: 0.81; opacity: 0.81;
// margin-top: 1.625rem;
margin-bottom: 0.625rem; margin-bottom: 0.625rem;
} }

50
frontend/src/app/ui/admin/description-template/editor/description-template-editor.component.scss
View File

@ -1,6 +1,4 @@
.description-template-editor { .description-template-editor {
//margin-top: 1.3rem;
.full-width { .full-width {
width: 100%; width: 100%;
} }
@ -23,9 +21,7 @@
border-radius: 7px; border-radius: 7px;
box-shadow: 0px 1px 2px #bfbfbf; box-shadow: 0px 1px 2px #bfbfbf;
padding: 0em; padding: 0em;
// padding-top: 0em;
overflow: visible; overflow: visible;
// min-height: 30em;
} }
.heading { .heading {
@ -35,7 +31,6 @@
letter-spacing: 0px; letter-spacing: 0px;
color: #212121; color: #212121;
opacity: 0.81; opacity: 0.81;
// margin-top: 1.625rem;
margin-bottom: 0.625rem; margin-bottom: 0.625rem;
} }
@ -52,7 +47,6 @@
//TO CHECK //TO CHECK
:host ::ng-deep .mat-horizontal-content-container { :host ::ng-deep .mat-horizontal-content-container {
overflow: visible; overflow: visible;
// padding: 0px;
} }
:host ::ng-deep .mat-form-field-outline{ :host ::ng-deep .mat-form-field-outline{
background-color: #ffffff4f; background-color: #ffffff4f;
@ -76,18 +70,8 @@
} }
#progress-container{ #progress-container{
box-shadow: 1px 1px 6px #00000029;; box-shadow: 1px 1px 6px #00000029;;
// border-radius: .3em;
} }
// .import-btn {
// background: #ffffff 0% 0% no-repeat padding-box;
// border-radius: 30px;
// // color: var(--primary-color);
// // border: 1px solid var(--primary-color);
// padding-left: 2em;
// padding-right: 2em;
// color: #000;
// border: 1px solid #000;
// }
.navigate-btn { .navigate-btn {
border-radius: 30px; border-radius: 30px;
background-color: var(--secondary-color); background-color: var(--secondary-color);
@ -133,8 +117,6 @@ $blue-color-light: #5cf7f2;
border-radius: 30px; border-radius: 30px;
border: 1px solid var(--primary-color); border: 1px solid var(--primary-color);
background: transparent; background: transparent;
//padding-left: 2em;
//padding-right: 2em;
height: 2.5em; height: 2.5em;
min-width: 110px; min-width: 110px;
width: auto; width: auto;
@ -144,8 +126,6 @@ $blue-color-light: #5cf7f2;
&.save-btn{ &.save-btn{
background-color: var(--secondary-color); background-color: var(--secondary-color);
border: 1px solid transparent; border: 1px solid transparent;
//padding-left: 2em;
//padding-right: 2em;
box-shadow: 0px 3px 6px #1E202029; box-shadow: 0px 3px 6px #1E202029;
color: #212121; color: #212121;
@ -188,17 +168,10 @@ $blue-color-light: #5cf7f2;
padding: 0px; padding: 0px;
} }
//for the acitons list toolbar
// .mat-list-item.mat-list-item-with-avatar{
// padding-left: 0em;
// }
.actions-list{ .actions-list{
// border: 1px solid $blue-color;
box-shadow: 0px 3px 12px var(--primary-color)99; box-shadow: 0px 3px 12px var(--primary-color)99;
border-radius: 4px; border-radius: 4px;
// padding-top: 1rem;
padding: 1em 0.9em; padding: 1em 0.9em;
min-width: 166px; min-width: 166px;
@ -215,7 +188,6 @@ $blue-color-light: #5cf7f2;
.action-list-icon{ .action-list-icon{
font-size: 1.2em; font-size: 1.2em;
// padding-right: 1em;
width: 14px; width: 14px;
margin-right: 0.5em; margin-right: 0.5em;
margin-left: -.09em; margin-left: -.09em;
@ -241,11 +213,6 @@ $blue-color-light: #5cf7f2;
} }
// .mli{
// height: auto;
// }
:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline { :host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline {
background: #fafafa !important; background: #fafafa !important;
} }
@ -260,11 +227,6 @@ $blue-color-light: #5cf7f2;
margin-bottom: 2em; margin-bottom: 2em;
} }
.delete-btn {
// background-color: rgba(255, 0, 0, 0.76);
// color: white;
}
.email-input { .email-input {
border-color: black; border-color: black;
border-style: solid; border-style: solid;
@ -278,8 +240,6 @@ $blue-color-light: #5cf7f2;
.user-table { .user-table {
// border: thin solid rgb(179, 173, 173);
// border: 1px solid rgba(0, 0, 0, 0.12);
background-color: white; background-color: white;
border-radius: 4px; border-radius: 4px;
padding-bottom: 1em; padding-bottom: 1em;
@ -290,17 +250,14 @@ $blue-color-light: #5cf7f2;
text-align: center; text-align: center;
display: revert; display: revert;
background-color: rgb(243 245 248); background-color: rgb(243 245 248);
// background-color: #129d9811;
} }
.user-table-header th { .user-table-header th {
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
// border: thin solid darkgray;
} }
.user-table-row { .user-table-row {
// display: revert;
background-color: #fafafa; background-color: #fafafa;
td{ td{
padding-top: .5em; padding-top: .5em;
@ -313,7 +270,6 @@ $blue-color-light: #5cf7f2;
} }
.user-table-row:nth-child(even) { .user-table-row:nth-child(even) {
// background-color: silver;
} }
.user-table-body{ .user-table-body{
text-align: center; text-align: center;
@ -359,10 +315,6 @@ $blue-color-light: #5cf7f2;
.stepper-navigation-outer-wrapper{ .stepper-navigation-outer-wrapper{
padding: 2em; padding: 2em;
margin-bottom: 1em; margin-bottom: 1em;
//background: #f4f4f4;
//position: sticky;
//top: 0.01em;
//z-index: 9999;
} }
#header-outer-wrapper { #header-outer-wrapper {

1
frontend/src/app/ui/admin/description-template/editor/table-of-contents/description-template-table-of-contents.scss
View File

@ -44,7 +44,6 @@ $scroller-height: 3em;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
// z-index: -9999;
} }
.top-scroller{ .top-scroller{
top: 1px; top: 1px;

2
frontend/src/app/ui/admin/description-template/listing/description-template-listing.component.scss
View File

@ -51,8 +51,6 @@
.import-btn { .import-btn {
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
border-radius: 30px; border-radius: 30px;
// color: var(--primary-color);
// border: 1px solid var(--primary-color);
padding-left: 2em; padding-left: 2em;
padding-right: 2em; padding-right: 2em;
color: #000; color: #000;

19
frontend/src/app/ui/admin/user/listing/user-invite-to-tenant-dialog/user-invite-to-tenant-dialog.component.scss
View File

@ -9,7 +9,6 @@
.close-icon { .close-icon {
cursor: pointer; cursor: pointer;
// margin-right: 20px;
padding: .4rem; padding: .4rem;
width: auto !important; width: auto !important;
height: auto !important; height: auto !important;
@ -34,12 +33,6 @@
padding: 0px; padding: 0px;
} }
// .mat-form-field {
// background: #fafafa;
// border: 1px solid #d1d1d1;
// border-radius: 4px;
// }
.hint { .hint {
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 500; font-weight: 500;
@ -60,16 +53,6 @@
font-size: 1rem; font-size: 1rem;
padding: 0.6em 0 1em 0 !important; padding: 0.6em 0 1em 0 !important;
} }
// .mat-form-field-underline {
// display: none;
// }
// .mat-form-field-flex {
// padding: 0em;
// }
// .align-arrow-right {
// display: none;
// }
} }
.select-role { .select-role {
@ -144,7 +127,5 @@
:host ::ng-deep .invalid-email { :host ::ng-deep .invalid-email {
border: 1px solid red; border: 1px solid red;
// animation: blink 1.4s infinite;
// animation-fill-mode: both;
} }
} }

1
frontend/src/app/ui/annotations/annotation-dialog-component/annotation-dialog.component.scss
View File

@ -19,7 +19,6 @@ $mat-card-header-size: 40px !default;
.close-icon { .close-icon {
cursor: pointer; cursor: pointer;
// margin-right: 20px;
padding: .4rem; padding: .4rem;
width: auto !important; width: auto !important;
height: auto !important; height: auto !important;

1
frontend/src/app/ui/contact/contact-content/contact-content.component.scss
View File

@ -9,7 +9,6 @@ img {
} }
.contact-component { .contact-component {
// margin-top: 80px;
} }
.contact-container { .contact-container {

12
frontend/src/app/ui/dashboard/dashboard.component.scss
View File

@ -185,7 +185,6 @@ input[type="text"] {
} }
.description-label { .description-label {
// width: 158px;
width: auto; width: auto;
height: 37px; height: 37px;
background: var(--secondary-color) 0% 0% no-repeat padding-box; background: var(--secondary-color) 0% 0% no-repeat padding-box;
@ -201,8 +200,6 @@ input[type="text"] {
.icon-align { .icon-align {
display: inline-flex; display: inline-flex;
vertical-align: middle; vertical-align: middle;
// line-height: .9em;
// padding-bottom: 0.4rem;
} }
.plan-subtitle, .plan-subtitle,
@ -322,7 +319,6 @@ input[type="text"] {
.laptop-img { .laptop-img {
position: relative; position: relative;
// top: 7px;
} }
.add-description-btn { .add-description-btn {
@ -362,7 +358,6 @@ mat-tab-group.my-mat-tab .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-m
.new-releases-hint-container { .new-releases-hint-container {
padding-left: 40px; padding-left: 40px;
/* padding-top: 40px; */
padding-right: 55px; padding-right: 55px;
} }
@ -392,21 +387,15 @@ mat-tab-group.my-mat-tab .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-m
} }
.new-releases-chip { .new-releases-chip {
// margin-bottom: 1em;
// margin-left: 2.5em;
// margin-right: 2.5em;
color: #fff; color: #fff;
/* text-transform: uppercase; */
text-align: center; text-align: center;
font-weight: 500; font-weight: 500;
/* max-width: 160px; */
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
background: #EAEAEA 0% 0% no-repeat padding-box; background: #EAEAEA 0% 0% no-repeat padding-box;
border-radius: 30px; border-radius: 30px;
opacity: 0.7; opacity: 0.7;
/* font: normal normal bold 12px/21px Aileron; */
letter-spacing: 0.12px; letter-spacing: 0.12px;
color: #6E6E6E; color: #6E6E6E;
} }
@ -417,7 +406,6 @@ mat-tab-group.my-mat-tab .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-m
letter-spacing: 0px; letter-spacing: 0px;
color: #212121; color: #212121;
padding-left: 40px; padding-left: 40px;
/* padding-top: 40px; */
padding-right: 55px; padding-right: 55px;
opacity: 1; opacity: 1;
} }

1
frontend/src/app/ui/description/editor/description-base-fields-editor/description-base-fields-editor.component.scss
View File

@ -99,7 +99,6 @@
} }
::ng-deep .description-form .mat-form-field-appearance-outline .mat-form-field-infix { ::ng-deep .description-form .mat-form-field-appearance-outline .mat-form-field-infix {
// font-size: 1rem;
padding: 0.6em 0 1em 0 !important; padding: 0.6em 0 1em 0 !important;
} }

21
frontend/src/app/ui/description/editor/description-editor.component.scss
View File

@ -6,8 +6,7 @@
.description-editor { .description-editor {
.toc-pane-container { .toc-pane-container {
&.is-sticky ~ .nav-spacer { &.is-sticky ~ .nav-spacer {
height: 500px; // the container size } height: 500px; // the container size
// height: calc(100vh - 100px); // the container size }
} }
} }
@ -88,8 +87,6 @@
} }
.fixed-editor-header { .fixed-editor-header {
// position: fixed;
// width: calc(100% - 310px);
z-index: 3; z-index: 3;
background-color: whitesmoke; background-color: whitesmoke;
} }
@ -244,18 +241,15 @@
.description-stepper { .description-stepper {
position: fixed; position: fixed;
// height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: calc(100vh - 246px); height: calc(100vh - 246px);
// max-width: 366px;
} }
.stepper-options { .stepper-options {
height: calc(100vh - 650px); height: calc(100vh - 650px);
overflow-y: auto; overflow-y: auto;
.main-info { .main-info {
// padding-left: .2rem;
color: #21212194; color: #21212194;
font-weight: 400; font-weight: 400;
cursor: pointer; cursor: pointer;
@ -288,8 +282,6 @@
.stepper-list { .stepper-list {
.toc-pane-container { .toc-pane-container {
// padding-left: 0.2rem;
// overflow-x: hidden;
span { span {
text-align: left; text-align: left;
font-weight: 400; font-weight: 400;
@ -351,12 +343,7 @@
.editor-content { .editor-content {
.form { .form {
// position: relative;
// left: 362px;
// width: calc(100% - 366px);
position: relative; position: relative;
// left: 362px;
width: calc(100% - 366px); width: calc(100% - 366px);
overflow-y: auto; overflow-y: auto;
height: calc(100vh - 270px); height: calc(100vh - 270px);
@ -370,11 +357,8 @@
.stepper-actions { .stepper-actions {
display: flex; display: flex;
// padding-left: 1rem;
margin-top: auto; margin-top: auto;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
// margin-top: 5rem;
// flex-grow: 8;
} }
.stepper-btn { .stepper-btn {
@ -449,8 +433,7 @@ mat-icon.size-18 {
.toc-pane-container { .toc-pane-container {
&.is-sticky ~ .nav-spacer { &.is-sticky ~ .nav-spacer {
height: 500px; // the container size } height: 500px; // the container size
// height: calc(100vh - 100px); // the container size }
} }
} }

1
frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.scss
View File

@ -7,7 +7,6 @@
@media (min-width: 1300px) { @media (min-width: 1300px) {
width: 110px; width: 110px;
} }
// display: flex;
} }
.annotation-icon{ .annotation-icon{

1
frontend/src/app/ui/description/editor/description-form/components/form-field/form-field.component.scss
View File

@ -59,7 +59,6 @@
background-color: #fafafa; background-color: #fafafa;
border: 1px dashed #d1d1d1; border: 1px dashed #d1d1d1;
border-radius: 4px; border-radius: 4px;
//max-width: 480px;
height: 98px; height: 98px;
margin-top: 0.5rem; margin-top: 0.5rem;

3
frontend/src/app/ui/description/editor/description-form/components/form-section/form-section.component.scss
View File

@ -1,10 +1,8 @@
.dynamic-form-section { .dynamic-form-section {
.expansion-panel { .expansion-panel {
// background-color: #eeeeee54;
background-color: white; background-color: white;
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
// margin-bottom: 1em;
} }
.addOneFieldButton { .addOneFieldButton {
margin-top: -15px; margin-top: -15px;
@ -24,7 +22,6 @@
} }
.panel-desc { .panel-desc {
// text-transform: capitalize;
text-transform: none; text-transform: none;
font-weight: 400; font-weight: 400;
margin-top: .5rem; margin-top: .5rem;

2
frontend/src/app/ui/description/listing/description-listing.component.scss
View File

@ -35,9 +35,7 @@
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029; box-shadow: 0px 3px 6px #00000029;
border-radius: 4px; border-radius: 4px;
// width: 987px;
margin-bottom: 3.75rem; margin-bottom: 3.75rem;
/* height: 407px; */
opacity: 1; opacity: 1;
} }

2
frontend/src/app/ui/description/listing/filtering/description-filter.component.scss
View File

@ -4,7 +4,6 @@
.category-title { .category-title {
color: black; color: black;
// color: #089dbb;
margin-top: 8px; margin-top: 8px;
margin-bottom: 12px; margin-bottom: 12px;
text-transform: none; text-transform: none;
@ -28,7 +27,6 @@
.filters-title { .filters-title {
width: 93px; width: 93px;
// color: #089dbb;
color: var(--primary-color-2); color: var(--primary-color-2);
background-color: white; background-color: white;
padding: 0px 20px; padding: 0px 20px;

6
frontend/src/app/ui/description/listing/listing-item/description-listing-item.component.scss
View File

@ -51,7 +51,6 @@ h4 > span {
.about-item .title { .about-item .title {
margin: 2px 10px; margin: 2px 10px;
// text-transform: uppercase;
} }
.about-item p { .about-item p {
@ -80,7 +79,6 @@ p {
.plan-card, .plan-card,
.description-card { .description-card {
min-width: 712px; min-width: 712px;
/* min-height: 308px; */
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #0000001a; box-shadow: 0px 3px 6px #0000001a;
border-radius: 4px; border-radius: 4px;
@ -140,7 +138,6 @@ input[type="text"] {
text-align: left; text-align: left;
font-weight: 600; font-weight: 600;
font-size: 1rem; font-size: 1rem;
// opacity: 0.81;
padding-top: 0.75rem; padding-top: 0.75rem;
padding-bottom: 0.55rem; padding-bottom: 0.55rem;
color: #212121; color: #212121;
@ -161,7 +158,6 @@ input[type="text"] {
text-align: left; text-align: left;
font-weight: 600; font-weight: 600;
font-size: 1rem; font-size: 1rem;
// opacity: 0.81;
padding-top: 0.75rem; padding-top: 0.75rem;
padding-bottom: 0.55rem; padding-bottom: 0.55rem;
color: #f16868; color: #f16868;
@ -170,8 +166,6 @@ input[type="text"] {
.icon-align { .icon-align {
display: inline-flex; display: inline-flex;
vertical-align: middle; vertical-align: middle;
// line-height: .9em;
// padding-bottom: 0.4rem;
} }
.plan-subtitle, .plan-subtitle,

8
frontend/src/app/ui/description/overview/description-overview.component.scss
View File

@ -44,7 +44,6 @@
// ********BUTTONS******** // ********BUTTONS********
.version-btn { .version-btn {
// width: 6.7em;
height: 1.8em; height: 1.8em;
border: 1px solid #707070; border: 1px solid #707070;
border-radius: 4px; border-radius: 4px;
@ -72,7 +71,6 @@
.plan-btn, .plan-btn,
.plan-btn > mat-icon { .plan-btn > mat-icon {
color: #ffffff; color: #ffffff;
// opacity: 0.8;
} }
.show-more-btn { .show-more-btn {
@ -90,8 +88,6 @@
} }
.finalize-btn { .finalize-btn {
// border: 1px solid var(--secondary-color);
//background: #f5db71;
} }
.frame-btn, .frame-btn,
@ -247,8 +243,6 @@
.hr-line { .hr-line {
border: 1px solid #dbdbdb; border: 1px solid #dbdbdb;
// width: 274px;
// width: 17em;
width: 100%; width: 100%;
} }
@ -256,7 +250,6 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
//width: 100%;
} }
.authors-label { .authors-label {
@ -272,7 +265,6 @@
.authors-role { .authors-role {
font-size: 0.875em; font-size: 0.875em;
color: #a8a8a8; color: #a8a8a8;
// height: 1.4em;
margin-bottom: 0px; margin-bottom: 0px;
} }

4
frontend/src/app/ui/description/start-new-description-dialog/start-new-description-dialog.component.scss
View File

@ -14,7 +14,6 @@
.close-icon { .close-icon {
cursor: pointer; cursor: pointer;
// margin-right: 20px;
padding: .4rem; padding: .4rem;
width: auto !important; width: auto !important;
height: auto !important; height: auto !important;
@ -101,10 +100,7 @@ min-width: 101px;
} }
::ng-deep .plan-form .mat-form-field-appearance-outline .mat-form-field-outline { ::ng-deep .plan-form .mat-form-field-appearance-outline .mat-form-field-outline {
// background: #fafafa !important;
} }
::ng-deep .plan-form .mat-form-field-appearance-outline .mat-form-field-infix { ::ng-deep .plan-form .mat-form-field-appearance-outline .mat-form-field-infix {
// font-size: 1rem;
// padding: 0.6em 0 1em 0 !important;
} }

0
frontend/src/app/ui/plan/invitation/accepted/plan-invitation-accepted.component.html
View File

50
frontend/src/app/ui/plan/invitation/accepted/plan-invitation-accepted.component.ts
View File

@ -1,50 +0,0 @@
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { AuthService } from '@app/core/services/auth/auth.service';
import { PlanInvitationService } from '@app/core/services/plan/plan-invitation.service';
import { BaseComponent } from '@common/base/base.component';
import { takeUntil } from 'rxjs/operators';
@Component({
selector: 'app-plan-invitation-accepted-component',
templateUrl: 'plan-invitation-accepted.component.html',
})
export class InvitationAcceptedComponent extends BaseComponent implements OnInit {
constructor(
private planInvitationService: PlanInvitationService,
private route: ActivatedRoute,
private router: Router,
private authentication: AuthService,
) { super(); }
ngOnInit(): void {
this.route.params
.pipe(takeUntil(this._destroyed))
.subscribe(params => {
const id = params['id'];
if(this.isAuthenticated()){
this.planInvitationService.exchange(id)
.pipe(takeUntil(this._destroyed))
.subscribe(result => {
this.router.navigate(['plans/edit/' + result]);
});
}else{
this.router.navigate(['/login'], {queryParams:{returnUrl:'plans/invitation/'+id}});
}
});
}
public isAuthenticated(): boolean {
return this.authentication.currentAccountIsAuthenticated();
}
}

3
frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.scss
View File

@ -9,7 +9,6 @@
.close-icon { .close-icon {
cursor: pointer; cursor: pointer;
// margin-right: 20px;
padding: .4rem; padding: .4rem;
width: auto !important; width: auto !important;
height: auto !important; height: auto !important;
@ -128,7 +127,5 @@
:host ::ng-deep .invalid-email { :host ::ng-deep .invalid-email {
border: 1px solid red; border: 1px solid red;
// animation: blink 1.4s infinite;
// animation-fill-mode: both;
} }
} }

7
frontend/src/app/ui/plan/listing/listing-item/plan-listing-item.component.scss
View File

@ -36,10 +36,6 @@ h4 > span {
flex-wrap: wrap; flex-wrap: wrap;
} }
// .about-item .length {
// color: rgb(70, 135, 240);
// }
.descriptions-counter { .descriptions-counter {
display: flex; display: flex;
} }
@ -80,7 +76,6 @@ p {
.published-icon { .published-icon {
padding-top: 1px; padding-top: 1px;
color: #08bd63; color: #08bd63;
// color: #92d050;
} }
.description { .description {
@ -162,7 +157,6 @@ input[type="text"] {
text-align: left; text-align: left;
font-weight: 600; font-weight: 600;
font-size: 1rem; font-size: 1rem;
// opacity: 0.81;
padding-top: 0.75rem; padding-top: 0.75rem;
padding-bottom: 0.55rem; padding-bottom: 0.55rem;
color: #212121; color: #212121;
@ -185,7 +179,6 @@ input[type="text"] {
text-align: left; text-align: left;
font-weight: 600; font-weight: 600;
font-size: 1rem; font-size: 1rem;
// opacity: 0.81;
padding-top: 0.75rem; padding-top: 0.75rem;
padding-bottom: 0.55rem; padding-bottom: 0.55rem;
color: #f16868; color: #f16868;

5
frontend/src/app/ui/plan/listing/plan-listing.component.scss
View File

@ -97,9 +97,7 @@
background: #ffffff 0% 0% no-repeat padding-box; background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029; box-shadow: 0px 3px 6px #00000029;
border-radius: 4px; border-radius: 4px;
// width: 987px;
margin-bottom: 3.75rem; margin-bottom: 3.75rem;
/* height: 407px; */
opacity: 1; opacity: 1;
} }
@ -109,7 +107,6 @@
letter-spacing: 0px; letter-spacing: 0px;
color: #212121; color: #212121;
padding-left: 40px; padding-left: 40px;
/* padding-top: 40px; */
padding-right: 55px; padding-right: 55px;
opacity: 1; opacity: 1;
} }
@ -121,7 +118,6 @@
color: #212121; color: #212121;
padding-left: 40px; padding-left: 40px;
padding-top: 38px; padding-top: 38px;
// padding-bottom: 36px;
padding-right: 55px; padding-right: 55px;
opacity: 1; opacity: 1;
} }
@ -203,7 +199,6 @@
} }
.search-form { .search-form {
// font-size: 12px;
text-align: left; text-align: left;
width: 20rem; width: 20rem;
} }

1
frontend/src/app/ui/plan/new/start-new-plan-dialogue/start-new-plan-dialog.component.scss
View File

@ -21,7 +21,6 @@
.close-icon { .close-icon {
cursor: pointer; cursor: pointer;
// margin-right: 20px;
padding: .4rem; padding: .4rem;
width: auto !important; width: auto !important;
height: auto !important; height: auto !important;

14
frontend/src/app/ui/plan/new/upload-dialogue/plan-upload-dialog.component.scss
View File

@ -62,20 +62,6 @@ min-width: 101px;
color: #ffffff; color: #ffffff;
} }
// .next-btn-disabled {
// width: 100px;
// height: 43px;
// background: #ffffff 0% 0% no-repeat padding-box;
// border: 1px solid #b5b5b5;
// border-radius: 30px;
// opacity: 1;
// }
// .next-btn:hover {
// background: var(--primary-color);
// color: #ffffff;
// }
.attach-btn { .attach-btn {
top: -20px; top: -20px;
} }

13
frontend/src/app/ui/plan/overview/plan-overview.component.scss
View File

@ -44,23 +44,19 @@
} }
.description-btn { .description-btn {
// width: 36.1em;
padding: 0 1.1em; padding: 0 1.1em;
background-color: var(--secondary-color); background-color: var(--secondary-color);
border-radius: 4px; border-radius: 4px;
justify-content: space-between; justify-content: space-between;
color: #212121; color: #212121;
// opacity: 0.8;
} }
.description-finalized-btn { .description-finalized-btn {
// width: 36.1em;
padding: 0 1.1em; padding: 0 1.1em;
background-color: #b2f772; background-color: #b2f772;
border-radius: 4px; border-radius: 4px;
justify-content: space-between; justify-content: space-between;
color: #212121; color: #212121;
// opacity: 0.8;
} }
.show-more-btn { .show-more-btn {
@ -175,16 +171,11 @@
} }
.desc-txt { .desc-txt {
// width: 48.25em;
font-size: 1em; font-size: 1em;
color: #212121; color: #212121;
margin-bottom: 1.875em; margin-bottom: 1.875em;
} }
// .description {
// width: fit-content;
// }
.description-btn-label { .description-btn-label {
margin-right: 1em; margin-right: 1em;
overflow: hidden; overflow: hidden;
@ -218,7 +209,6 @@
} }
.doi-panel { .doi-panel {
// height: 3.5em;
background: #fafafa; background: #fafafa;
border: 1px solid #d1d1d1; border: 1px solid #d1d1d1;
border-radius: 4px; border-radius: 4px;
@ -235,7 +225,6 @@
box-shadow: 0px 1px 5px #00000026; box-shadow: 0px 1px 5px #00000026;
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
//min-width: 18.5em;
} }
.frame-txt { .frame-txt {
@ -257,8 +246,6 @@
.hr-line { .hr-line {
border: 1px solid #dbdbdb; border: 1px solid #dbdbdb;
// width: 274px;
// width: 17em;
width: 100%; width: 100%;
} }

5
frontend/src/app/ui/plan/plan-contact-prefill-dialog/plan-contact-prefill-dialog.component.scss
View File

@ -12,11 +12,6 @@
cursor: pointer; cursor: pointer;
} }
.warn-text {
// color: #f44336;
}
.cancel { .cancel {
background-color: #aaaaaa; background-color: #aaaaaa;
color: #ffffff; color: #ffffff;

11
frontend/src/app/ui/plan/plan-delete-dialog/plan-delete-dialog.component.scss
View File

@ -1,9 +1,3 @@
// ::ng-deep .mat-dialog-container {
// overflow: hidden;
// padding: 20px;
// border-radius: 125px;
// }
.plan-delete-dialog { .plan-delete-dialog {
padding: 24px; padding: 24px;
@ -18,11 +12,6 @@
cursor: pointer; cursor: pointer;
} }
.warn-text {
// color: #f44336;
}
.cancel { .cancel {
background-color: #aaaaaa; background-color: #aaaaaa;
color: #ffffff; color: #ffffff;

10
frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
View File

@ -14,8 +14,6 @@
} }
.fixed-editor-header { .fixed-editor-header {
// position: fixed;
// width: calc(100% - 310px);
z-index: 3; z-index: 3;
background-color: whitesmoke; background-color: whitesmoke;
} }
@ -76,7 +74,6 @@
.plan-stepper { .plan-stepper {
position: fixed; position: fixed;
// height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: calc(100vh - 190px); height: calc(100vh - 190px);
@ -162,8 +159,6 @@ mat-icon.size-16 {
padding-left: 1rem; padding-left: 1rem;
margin-top: auto; margin-top: auto;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
// margin-top: 5rem;
// flex-grow: 8;
} }
.stepper-btn { .stepper-btn {
@ -238,12 +233,7 @@ mat-icon.size-16 {
} }
.form { .form {
// position: relative;
// left: 362px;
// width: calc(100% - 366px);
position: relative; position: relative;
// left: 362px;
width: calc(100% - 366px); width: calc(100% - 366px);
overflow-y: auto; overflow-y: auto;
height: calc(100vh - 250px); height: calc(100vh - 250px);

1
frontend/src/app/ui/plan/plan-finalize-dialog/plan-finalize-dialog.component.scss
View File

@ -54,7 +54,6 @@
.finalized-bookmark { .finalized-bookmark {
color: #08bd63; color: #08bd63;
// color: #92d050;
display: inline; display: inline;
padding: 0; padding: 0;
} }

3
frontend/src/app/ui/reference/reference-field/reference-field.component.scss
View File

@ -2,14 +2,11 @@
text-decoration: underline; text-decoration: underline;
color: var(--primary-color-3); color: var(--primary-color-3);
cursor: pointer; cursor: pointer;
// font-size: 1rem;
font-weight: 400; font-weight: 400;
} }
.not-found { .not-found {
// cursor: pointer;
color: #333; color: #333;
// font-size: 1rem;
font-weight: 400; font-weight: 400;
padding: 0rem 0.5rem 0rem 0rem; padding: 0rem 0.5rem 0rem 0rem;
} }

1
frontend/src/app/ui/sidebar/sidebar.component.scss
View File

@ -9,7 +9,6 @@ $mat-card-header-size: 30px !default;
} }
.nav-list-item { .nav-list-item {
// margin-top: 20px;
} }
.nav-list-item-hidden { .nav-list-item-hidden {

7
frontend/src/app/ui/supportive-material-editor/supportive-material-editor.component.scss
View File

@ -1,18 +1,11 @@
.supportive-material-editor { .supportive-material-editor {
//padding-top: 5em;
// padding-bottom: 2em;
// margin-top: 1em;
.material{ .material{
//width: 80px;
//height: 80px;
float: left; float: left;
margin: 20px; margin: 20px;
} }
.lang{ .lang{
//width: 80px;
//height: 80px;
float: right; float: right;
margin: 20px; margin: 20px;
} }

1
frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.scss
View File

@ -7,7 +7,6 @@
} }
#userguide { #userguide {
// margin: 20px;
} }
.custom-header { .custom-header {

1
frontend/src/app/ui/user-profile/user-profile.component.html
View File

@ -176,7 +176,6 @@
<div class="col language-form"> <div class="col language-form">
<mat-form-field class="w-100"> <mat-form-field class="w-100">
<!-- <mat-label>{{'USER-PROFILE.SETTINGS.LANGUAGE' | translate}}</mat-label> -->
<mat-select [formControl]="this.formGroup.get('additionalInfo').get('language')" name="language"> <mat-select [formControl]="this.formGroup.get('additionalInfo').get('language')" name="language">
<mat-option *ngFor="let language of languages" [value]="language"> <mat-option *ngFor="let language of languages" [value]="language">
{{ "GENERAL.LANGUAGES."+ language | translate }} {{ "GENERAL.LANGUAGES."+ language | translate }}

7
frontend/src/app/ui/user-profile/user-profile.component.scss
View File

@ -1,6 +1,5 @@
.profile { .profile {
height: fit-content; height: fit-content;
//margin-top: 80px;
min-height: 100vh; min-height: 100vh;
background-color: #ffffff; background-color: #ffffff;
} }
@ -91,7 +90,6 @@
.remove-btn { .remove-btn {
padding-top: .8rem; padding-top: .8rem;
// padding-bottom: 1.34375em;
} }
.link-zenodo-btn { .link-zenodo-btn {
@ -160,16 +158,11 @@
} }
.mail-text { .mail-text {
// cursor: pointer;
line-height: 2; line-height: 2;
letter-spacing: 0.15px; letter-spacing: 0.15px;
color: #212121; color: #212121;
} }
// .mail-text:hover {
// background-color: #f4f8f9;
// }
.check-icon { .check-icon {
color: var(--primary-color); color: var(--primary-color);
transform: scale(0.75); transform: scale(0.75);

1
frontend/src/common/forms/form-validation-errors-dialog/form-validation-errors-dialog.component.scss
View File

@ -10,7 +10,6 @@
.close-icon { .close-icon {
cursor: pointer; cursor: pointer;
// margin-right: 20px;
padding: .4rem; padding: .4rem;
width: auto !important; width: auto !important;
height: auto !important; height: auto !important;

43
frontend/src/common/modules/user-settings/user-settings-picker/user-settings-picker.component.html
View File

@ -1,43 +0,0 @@
<!-- <button mat-button [matMenuTriggerFor]="settingsMenu">
<ng-container *ngIf="currentUserSetting">
{{getSettingName(currentUserSetting)}}
</ng-container>
<ng-container *ngIf="!currentUserSetting">
({{'SETTINGS-PICKER.DRAFT-FILTERS' | translate}})
</ng-container>
<mat-icon iconPositionEnd>expand_more</mat-icon>
</button>
<mat-menu #settingsMenu="matMenu">
<button mat-menu-item mat-menu-item (click)="saveFilter()" *ngIf="!currentUserSetting">
<mat-icon>Save</mat-icon>
<span>
{{'COMMONS.LISTING-COMPONENT.FILTERS-SAVE-AS' | translate}}
</span>
</button>
<ng-container *ngIf="currentUserSetting">
<button mat-menu-item (click)="renameCurrentUserSetting()">
<mat-icon>Edit</mat-icon>
<span>
{{'SETTINGS-PICKER.RENAME' | translate}}
</span>
</button>
<button mat-menu-item (click)="settingDeleted()">
<mat-icon>delete</mat-icon>
<span>
{{'COMMONS.ACTIONS.DELETE' | translate}}
</span>
</button>
</ng-container>
<div class="pl-3 pr-3"><mat-divider/></div>
<ng-container *ngFor="let setting of availableUserSettings">
<ng-container *ngIf="!compareFn(setting, currentUserSetting)">
<button mat-menu-item (click)="settingSelected(setting)">
{{getSettingName(setting)}}
</button>
</ng-container>
</ng-container>
</mat-menu> -->

4
frontend/src/styles.scss
View File

@ -272,9 +272,7 @@ $mat-dark-theme: mat.m2-define-dark-theme((color: (primary: $mat-dark-theme-prim
.main-content { .main-content {
background-color: #f5f5f5; background-color: #f5f5f5;
// padding-top: 5rem;
padding-bottom: 3rem; padding-bottom: 3rem;
// padding-left: 3.31rem;
padding-left: 1rem; padding-left: 1rem;
margin: 0; margin: 0;
display: flex; display: flex;
@ -321,7 +319,6 @@ $mat-dark-theme: mat.m2-define-dark-theme((color: (primary: $mat-dark-theme-prim
width: 100vw; width: 100vw;
height: 100%; height: 100%;
animation: slide .3s forwards; animation: slide .3s forwards;
// animation-delay: .3s;
.mat-dialog-container { .mat-dialog-container {
border-radius: 0; border-radius: 0;
@ -341,7 +338,6 @@ $mat-dark-theme: mat.m2-define-dark-theme((color: (primary: $mat-dark-theme-prim
// CSS for <angular-editor> (@kolkov/angular-editor) // CSS for <angular-editor> (@kolkov/angular-editor)
.form-field-subscript-wrapper { .form-field-subscript-wrapper {
font-size: 75% !important; font-size: 75% !important;
//padding-left: 12px;
padding: 0 1em; padding: 0 1em;
margin-top: 8px; margin-top: 8px;
} }