TekH
d8781a4b41
Updated `.annot-sig-cb-wrapper` and related classes to improve appearance, interactivity, and hover effects. Key changes include: - Increased `border-radius` and adjusted `font-size`, `font-weight`, and `padding` for a cleaner look. - Replaced solid background and borders with gradient backgrounds and updated `box-shadow` for modern styling. - Added `cursor` property and refined `transition` effects for smoother interactions. - Updated hover and checked states with dynamic `filter` and enhanced `box-shadow`. - Hid `.annot-sig-cb` checkbox and improved `.annot-sig-cb__label` readability with `letter-spacing`.
128 lines
2.7 KiB
CSS
128 lines
2.7 KiB
CSS
@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
|
|
|
|
html, body {
|
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
padding: 0;
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
article {
|
|
height: calc(100vh - 70px);
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
.receiver-page-layout {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.receiver-signature-panel {
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.receiver-viewer-wrapper {
|
|
flex: 1 1 0;
|
|
min-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.valid.modified:not([type=checkbox]) {
|
|
outline: 1px solid #26b050;
|
|
}
|
|
|
|
.invalid {
|
|
outline: 1px solid red;
|
|
}
|
|
|
|
.validation-message {
|
|
color: red;
|
|
}
|
|
|
|
#blazor-error-ui {
|
|
background: lightyellow;
|
|
bottom: 0;
|
|
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
|
|
display: none;
|
|
left: 0;
|
|
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
|
|
position: fixed;
|
|
width: 100%;
|
|
z-index: 1000;
|
|
}
|
|
|
|
#blazor-error-ui .dismiss {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 0.75rem;
|
|
top: 0.5rem;
|
|
}
|
|
|
|
.dx-blazor-reporting-container {
|
|
height: calc(100vh - 130px) !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
/* ── Force DevExpress viewer pages into a single centered column ─────────── */
|
|
.dxbrv-report-preview-content {
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
align-items: center !important;
|
|
}
|
|
|
|
/* ── Annotation signature checkbox overlays ─────────────────────────────── */
|
|
.annot-sig-cb-wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
border-radius: 6px;
|
|
font-size: 0.75rem;
|
|
font-weight: 600;
|
|
font-family: "Segoe UI", Arial, sans-serif;
|
|
padding: 0 12px;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
|
|
border: none;
|
|
color: #ffffff;
|
|
box-shadow: 0 2px 8px rgba(44, 62, 80, 0.35);
|
|
transition: box-shadow 0.18s, filter 0.18s;
|
|
}
|
|
|
|
.annot-sig-cb-wrapper:hover {
|
|
filter: brightness(1.12);
|
|
box-shadow: 0 4px 14px rgba(44, 62, 80, 0.45);
|
|
}
|
|
|
|
.annot-sig-cb-wrapper--checked {
|
|
background: linear-gradient(135deg, #1a6b2a 0%, #27ae60 100%);
|
|
box-shadow: 0 2px 8px rgba(26, 107, 42, 0.35);
|
|
}
|
|
|
|
.annot-sig-cb-wrapper--checked:hover {
|
|
filter: brightness(1.1);
|
|
box-shadow: 0 4px 14px rgba(26, 107, 42, 0.45);
|
|
}
|
|
|
|
.annot-sig-cb {
|
|
display: none;
|
|
}
|
|
|
|
.annot-sig-cb__label {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
pointer-events: none;
|
|
letter-spacing: 0.01em;
|
|
} |