82e25b356c
- Form values shown correct in MessageHistory of Chat client - Improements to CSS - Move css en js to assets directory - Introduce better Personal Contact Form & Professional Contact Form - Start working on actual Selection Specialist
92 lines
1.8 KiB
CSS
92 lines
1.8 KiB
CSS
/* Styling voor formulier in berichten */
|
|
.message .form-display {
|
|
margin-bottom: 12px;
|
|
border-radius: 8px;
|
|
background-color: rgba(245, 245, 245, 0.7);
|
|
padding: 12px;
|
|
border: 1px solid #e0e0e0;
|
|
}
|
|
|
|
.message.user .form-display {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.message.ai .form-display {
|
|
background-color: rgba(245, 245, 250, 0.7);
|
|
}
|
|
/* Styling voor formulieren in berichten */
|
|
|
|
.form-display {
|
|
margin-bottom: 10px;
|
|
border-radius: 8px;
|
|
padding: 12px;
|
|
background-color: rgba(0, 0, 0, 0.03);
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.user-form-values {
|
|
background-color: rgba(0, 123, 255, 0.05);
|
|
}
|
|
|
|
/* Speciale styling voor read-only formulieren in user messages */
|
|
.user-form .form-field {
|
|
margin-bottom: 6px !important;
|
|
}
|
|
|
|
.user-form .field-label {
|
|
font-weight: 500 !important;
|
|
color: #555 !important;
|
|
padding: 2px 0 !important;
|
|
}
|
|
|
|
.user-form .field-value {
|
|
padding: 2px 0 !important;
|
|
}
|
|
|
|
/* Schakel hover effecten uit voor read-only formulieren */
|
|
.read-only .form-field:hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* Subtiele scheiding tussen velden */
|
|
.dynamic-form.read-only .form-fields {
|
|
border-top: 1px solid rgba(0, 0, 0, 0.05);
|
|
margin-top: 10px;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
/* Verklein vorm titels in berichten */
|
|
.message-form .form-title {
|
|
font-size: 1em !important;
|
|
}
|
|
|
|
.message-form .form-description {
|
|
font-size: 0.85em !important;
|
|
}
|
|
.form-readonly {
|
|
width: 100%;
|
|
}
|
|
|
|
.form-readonly .field-label {
|
|
font-weight: 500;
|
|
color: #555;
|
|
}
|
|
|
|
.form-readonly .field-value {
|
|
word-break: break-word;
|
|
}
|
|
|
|
.form-readonly .text-value {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
/* Algemene styling verbetering voor berichten */
|
|
.message-text {
|
|
white-space: pre-wrap;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.message-content {
|
|
max-width: 100%;
|
|
}
|