clean code

This commit is contained in:
Chneemann 2024-06-01 13:13:34 +02:00
parent c4a6541ccb
commit 35b62c88fe
44 changed files with 29 additions and 322 deletions

View file

@ -18,7 +18,6 @@ section {
border: none;
outline: none;
resize: none;
font-family: "Nunito";
font-size: large;
input {
position: absolute;

View file

@ -146,7 +146,6 @@ section {
font-size: 18px;
font-weight: 400;
border: 1px solid #888dec;
font-family: "Nunito", sans-serif;
outline: none;
&:hover {
border: 1px solid #5f66e7;

View file

@ -5,7 +5,7 @@
@for(i of talkToUser; track i){
<div class="whiteBox">
<div class="boxHeader">
<p>{{ 'open-send-prv-message.profil' | translate }}</p>
<p>{{ "open-send-prv-message.profil" | translate }}</p>
<div class="positionCloseIcon" (click)="closeWindow()">
<img src="./assets/img/closeIcon.svg" class="closeIcon" />
</div>
@ -18,26 +18,27 @@
<div class="statusBox">
<img
src="./assets/img/{{ i.status ? 'onlineRing.svg' : 'offlineRing.svg' }}"
src="./assets/img/{{
i.status ? 'onlineRing.svg' : 'offlineRing.svg'
}}"
class="onlineIcon"
/>
@if (i.status) {
<p class="fontColorGreen">{{ 'open-send-prv-message.aktiv' | translate }}</p>
<p class="fontColorGreen">
{{ "open-send-prv-message.aktiv" | translate }}
</p>
} @else {
<p>{{ 'open-send-prv-message.offline' | translate }}</p>
<p>{{ "open-send-prv-message.offline" | translate }}</p>
}
</div>
<div class="emailBox">
<img src="./assets/img/mail-icon.svg" />
<div class="email">
<p>{{ 'open-send-prv-message.adress' | translate }}</p>
<a
href="mailto:wwweewefeff&#64;dede.de"
target="_blank"
class="fontNunito"
>{{ i.email }}</a
>
<p>{{ "open-send-prv-message.adress" | translate }}</p>
<a href="mailto:wwweewefeff&#64;dede.de" target="_blank">{{
i.email
}}</a>
</div>
</div>
</div>
@ -47,7 +48,7 @@
@for(i of user; track i){
<div class="whiteBox">
<div class="boxHeader">
<p>{{ 'open-send-prv-message.profil' | translate }}</p>
<p>{{ "open-send-prv-message.profil" | translate }}</p>
<div class="positionCloseIcon" (click)="closeWindow()">
<img src="./assets/img/closeIcon.svg" class="closeIcon" />
</div>
@ -60,13 +61,17 @@
<div class="statusBox">
<img
src="./assets/img/{{ i.status ? 'onlineRing.svg' : 'offlineRing.svg' }}"
src="./assets/img/{{
i.status ? 'onlineRing.svg' : 'offlineRing.svg'
}}"
class="onlineIcon"
/>
@if (i.status) {
<p class="fontColorGreen">{{ 'open-send-prv-message.aktiv' | translate }}</p>
<p class="fontColorGreen">
{{ "open-send-prv-message.aktiv" | translate }}
</p>
} @else {
<p>{{ 'open-send-prv-message.offline' | translate }}</p>
<p>{{ "open-send-prv-message.offline" | translate }}</p>
}
</div>
@ -74,17 +79,13 @@
<img src="./assets/img/mail-icon.svg" />
<div class="email">
<p>E-Mail-Address</p>
<a
href="mailto:wwweewefeff&#64;dede.de"
target="_blank"
class="fontNunito"
>{{ i.email }}</a
>
<a href="mailto:{{ i.email }}" target="_blank">{{ i.email }}</a>
</div>
</div>
</div>
<button (click)="routeToUser(user)">
<img src="./assets/img/messageIcon.svg" /> {{ 'open-send-prv-message.message' | translate }}
<img src="./assets/img/messageIcon.svg" />
{{ "open-send-prv-message.message" | translate }}
</button>
</div>
} }

View file

@ -28,13 +28,7 @@ export class AttachmentsComponent {
RESPONSIVE_THRESHOLD = this.sharedService.RESPONSIVE_THRESHOLD;
async ngOnInit() {
if (this.filePath) {
this.imageUrl = await this.downloadFilesService.downloadFiles(
this.filePath
);
}
}
async ngOnInit() {}
// Type of files:
// Img: PNG, GIF, JPG, JPEG

View file

@ -1,7 +1,4 @@
@import "../../../shared/components/login/mixins/mixin.scss";
* {
font-family: Nunito;
}
section {
@include SectionBody;

View file

@ -44,7 +44,6 @@ section {
margin-bottom: 32px;
margin-top: 40px;
> span {
font-family: Figtree, sans-serif, Nunito;
color: #797ef3;
&:hover {
cursor: pointer;
@ -151,7 +150,6 @@ button {
justify-content: end;
}
.mobileCreateAccoun {
font-family: Figtree, sans-serif, Nunito;
color: #797ef3;
cursor: pointer;
padding: 4px 12px 4px 12px;

View file

@ -33,7 +33,6 @@
width: 100vw;
height: 100vh;
@include displayFlex();
font-family: "Nunito";
}
.whiteWindow {

View file

@ -6,8 +6,8 @@
#contactForm="ngForm"
onsubmit="return false"
>
<div class="boxHeader fontNunito">
<h2 class="fontNunito">{{ "edit-user-details.profile" | translate }}</h2>
<div class="boxHeader">
<h2>{{ "edit-user-details.profile" | translate }}</h2>
<app-small-btn
[imgSrc]="'closeIcon.svg'"
[imgSize]="'18px'"
@ -23,7 +23,7 @@
<div class="positionName">
<div class="positionNameIcon">
<img src="./assets/img/personCircle.svg" />
<p class="fontNunito">
<p>
{{ "edit-user-details.fullName" | translate }}
</p>
</div>
@ -58,7 +58,7 @@
<div class="positionName">
<div class="positionNameIcon">
<img src="./assets/img/mail-iconBlack.svg" />
<p class="fontNunito">{{ "edit-user-details.email" | translate }}</p>
<p>{{ "edit-user-details.email" | translate }}</p>
</div>
@if (!filterGuest()) {
<!--guest input-->

View file

@ -121,7 +121,6 @@
justify-content: end;
}
.mobileCreateAccoun {
font-family: Figtree, sans-serif, Nunito;
color: #797ef3;
cursor: pointer;
padding: 4px 12px 4px 12px;

View file

@ -35,7 +35,6 @@
.createAccount {
text-align: end;
font-family: Figtree, sans-serif, Nunito;
color: #797ef3;
cursor: pointer;
padding-right: 8px;

View file

@ -6,6 +6,7 @@ $RESPONSIVE_THRESHOLD_SEARCHBAR: 1100px;
* {
margin: 0;
scroll-behavior: smooth;
font-family: "Nunito", sans-serif;
}
@ -29,46 +30,6 @@ body {
display: none;
}
.fontNunito {
font-family: "Nunito";
}
.fontNunitoSans {
font-family: "Nunito Sans";
}
/* nunito-200 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: normal;
font-weight: 200;
src: url("./assets/fonts/nunito-v26-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-200italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: italic;
font-weight: 200;
src: url("./assets/fonts/nunito-v26-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: normal;
font-weight: 300;
src: url("./assets/fonts/nunito-v26-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-300italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: italic;
font-weight: 300;
src: url("./assets/fonts/nunito-v26-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
@ -77,14 +38,6 @@ body {
font-weight: 400;
src: url("./assets/fonts/nunito-v26-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: italic;
font-weight: 400;
src: url("./assets/fonts/nunito-v26-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
@ -93,30 +46,6 @@ body {
font-weight: 500;
src: url("./assets/fonts/nunito-v26-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-500italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: italic;
font-weight: 500;
src: url("./assets/fonts/nunito-v26-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: normal;
font-weight: 600;
src: url("./assets/fonts/nunito-v26-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-600italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: italic;
font-weight: 600;
src: url("./assets/fonts/nunito-v26-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
@ -125,213 +54,6 @@ body {
font-weight: 700;
src: url("./assets/fonts/nunito-v26-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: italic;
font-weight: 700;
src: url("./assets/fonts/nunito-v26-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-800 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: normal;
font-weight: 800;
src: url("./assets/fonts/nunito-v26-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-800italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: italic;
font-weight: 800;
src: url("./assets/fonts/nunito-v26-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-900 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: normal;
font-weight: 900;
src: url("./assets/fonts/nunito-v26-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-900italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito";
font-style: italic;
font-weight: 900;
src: url("./assets/fonts/nunito-v26-latin-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-200 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: normal;
font-weight: 200;
src: url("./assets/fonts/nunito-sans-v15-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-200italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: italic;
font-weight: 200;
src: url("./assets/fonts/nunito-sans-v15-latin-200italic.woff2")
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: normal;
font-weight: 300;
src: url("./assets/fonts/nunito-sans-v15-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-300italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: italic;
font-weight: 300;
src: url("./assets/fonts/nunito-sans-v15-latin-300italic.woff2")
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: normal;
font-weight: 400;
src: url("./assets/fonts/nunito-sans-v15-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: italic;
font-weight: 400;
src: url("./assets/fonts/nunito-sans-v15-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: normal;
font-weight: 500;
src: url("./assets/fonts/nunito-sans-v15-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-500italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: italic;
font-weight: 500;
src: url("./assets/fonts/nunito-sans-v15-latin-500italic.woff2")
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: normal;
font-weight: 600;
src: url("./assets/fonts/nunito-sans-v15-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-600italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: italic;
font-weight: 600;
src: url("./assets/fonts/nunito-sans-v15-latin-600italic.woff2")
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: normal;
font-weight: 700;
src: url("./assets/fonts/nunito-sans-v15-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-700italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: italic;
font-weight: 700;
src: url("./assets/fonts/nunito-sans-v15-latin-700italic.woff2")
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-800 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: normal;
font-weight: 800;
src: url("./assets/fonts/nunito-sans-v15-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-800italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: italic;
font-weight: 800;
src: url("./assets/fonts/nunito-sans-v15-latin-800italic.woff2")
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-900 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: normal;
font-weight: 900;
src: url("./assets/fonts/nunito-sans-v15-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-900italic - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Nunito Sans";
font-style: italic;
font-weight: 900;
src: url("./assets/fonts/nunito-sans-v15-latin-900italic.woff2")
format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Figtree";
font-style: normal;
font-weight: 400;
src: url("./assets/fonts/figtree-v5-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Figtree";
font-style: normal;
font-weight: 500;
src: url("./assets/fonts/figtree-v5-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Figtree";
font-style: normal;
font-weight: 600;
src: url("./assets/fonts/figtree-v5-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Figtree";
font-style: normal;
font-weight: 700;
src: url("./assets/fonts/figtree-v5-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);