6319d22ba9
- Platzhaltertext durch eine strukturierte Formularanordnung ersetzt, einschließlich Felder für 'Id', 'Gruppe' und 'Kommentar' mit mat-form-field-Komponenten. - Slide-Toggles für die Statussteuerungen 'Aktiv', 'Interne Gruppe' und 'Mit Active Directory' hinzugefügt. - Schreibgeschützte Felder für 'Hinzugefügt wer', 'Hinzugefügt wann', 'Geändert wer' und 'Geändert wann' mit Datumsformatierung hinzugefügt. - Speichern- und Löschen-Schaltflächen mit Icons für verbesserte Benutzerinteraktion integriert. - Formularbenutzerfreundlichkeit und visuelles Layout für eine konsistente Benutzererfahrung verbessert.
105 lines
1.5 KiB
SCSS
105 lines
1.5 KiB
SCSS
@import "../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css";
|
|
@import '../node_modules/@angular/cdk/overlay-prebuilt.css';
|
|
@import "../node_modules/bootstrap-icons/font/bootstrap-icons.css";
|
|
|
|
a {
|
|
color: #0366d6;
|
|
}
|
|
|
|
.btn:focus,
|
|
.btn:active:focus,
|
|
.btn-link.nav-link:focus,
|
|
.form-control:focus,
|
|
.form-check-input:focus {
|
|
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
|
|
}
|
|
|
|
code {
|
|
color: #e01a76;
|
|
}
|
|
|
|
.btn-primary {
|
|
color: #fff;
|
|
background-color: #1b6ec2;
|
|
border-color: #1861ac;
|
|
}
|
|
|
|
.assignment-row {
|
|
height: 40vh;
|
|
}
|
|
|
|
.user-row {
|
|
height: 45vh;
|
|
}
|
|
|
|
.flex-col {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.flex-col .card {
|
|
flex: 1;
|
|
}
|
|
|
|
.mat-color-scheme-light .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label {
|
|
color: rgb(100, 95, 95) !important;
|
|
}
|
|
|
|
.mdc-tab__text-label {
|
|
font-size: medium;
|
|
}
|
|
|
|
//Layout
|
|
.dd-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0;
|
|
margin: 1rem 0 1rem 0;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.dd-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.input-row {
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.button-row {
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.dd-row mat-form-field {
|
|
width: 100%;
|
|
margin: 0 1rem 0 1rem;
|
|
}
|
|
|
|
.dd-row mat-checkbox {
|
|
width: 100%;
|
|
margin: 0 1rem 1rem 1rem;
|
|
}
|
|
|
|
.dd-row mat-slide-toggle {
|
|
width: 100%;
|
|
margin: 0 1rem 1rem 1rem;
|
|
}
|
|
|
|
.dd-row button {
|
|
margin: 0 1rem 0 1rem;
|
|
}
|
|
|
|
.dd-container mat-divider {
|
|
margin: 0 0 1rem 0;
|
|
padding: 0;
|
|
}
|
|
|
|
@for $i from 1 through 20 {
|
|
.w#{$i * 5}p {
|
|
width: #{$i * 5 + "%"};
|
|
}
|
|
} |