mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-24 13:54:57 +00:00
johndoe6345789
89f83a7476
- Email components (Phase 2 COMPLETE): * Fixed 18 broken imports: @metabuilder/fakemui/hooks → ../../../src/utils/useAccessible * Renamed email-wip/ → email/ (production-ready) * Enabled exports in react/components/index.ts * All 22 email components now production-ready (1244 lines) - Cleanup: * Removed wip/ directory (duplicate of src/utils/accessibility) * Preserved 15 Python/PyQt6 implementation files (full implementations, not stubs) * Moved 7 markdown files to fakemui/docs/ (better organization) - Documentation: * Updated CLAUDE.md: Phase 2 email complete, added deletion safety gotcha * Created plan: txt/FAKEMUI_REORGANIZATION_PLAN_2026-02-01.txt Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
81 lines
1.9 KiB
SCSS
81 lines
1.9 KiB
SCSS
@use 'cdk';
|
|
@use '../core/tokens/token-utils';
|
|
@use './m3-timepicker';
|
|
|
|
$fallbacks: m3-timepicker.get-tokens();
|
|
|
|
@keyframes _mat-timepicker-enter {
|
|
from {
|
|
opacity: 0;
|
|
transform: scaleY(0.8);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: none;
|
|
}
|
|
}
|
|
|
|
@keyframes _mat-timepicker-exit {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
mat-timepicker {
|
|
display: none;
|
|
}
|
|
|
|
.mat-timepicker-panel {
|
|
width: 100%;
|
|
max-height: 256px;
|
|
transform-origin: center top;
|
|
overflow: auto;
|
|
padding: 8px 0;
|
|
box-sizing: border-box;
|
|
|
|
// Necessary so the `offsetParent` of the nested `mat-option` is the
|
|
// panel which is required for scroll calculations (see #30974).
|
|
position: relative;
|
|
|
|
border-bottom-left-radius: token-utils.slot(timepicker-container-shape, $fallbacks);
|
|
border-bottom-right-radius: token-utils.slot(timepicker-container-shape, $fallbacks);
|
|
box-shadow: token-utils.slot(timepicker-container-elevation-shadow, $fallbacks);
|
|
background-color: token-utils.slot(timepicker-container-background-color, $fallbacks);
|
|
|
|
@include cdk.high-contrast {
|
|
outline: solid 1px;
|
|
}
|
|
|
|
.mat-timepicker-above & {
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-top-left-radius: token-utils.slot(timepicker-container-shape, $fallbacks);
|
|
border-top-right-radius: token-utils.slot(timepicker-container-shape, $fallbacks);
|
|
}
|
|
}
|
|
|
|
.mat-timepicker-panel-animations-enabled {
|
|
animation: _mat-timepicker-enter 120ms cubic-bezier(0, 0, 0.2, 1);
|
|
|
|
&.mat-timepicker-panel-exit {
|
|
animation: _mat-timepicker-exit 100ms linear;
|
|
}
|
|
}
|
|
|
|
.mat-timepicker-input[readonly] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
@include cdk.high-contrast {
|
|
.mat-timepicker-toggle-default-icon {
|
|
// On Chromium-based browsers the icon doesn't appear to inherit the text color in high
|
|
// contrast mode so we have to set it explicitly. This is a no-op on IE and Firefox.
|
|
color: CanvasText;
|
|
}
|
|
}
|