Много разных изменений
This commit is contained in:
@@ -89,6 +89,15 @@
|
||||
border-radius: var(--radius-lg);
|
||||
}
|
||||
|
||||
.absence-create-card {
|
||||
z-index: 20;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.absence-create-card:focus-within {
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
.absence-create-card .card-header-row > div:first-child,
|
||||
.absence-registry-head > div:first-child {
|
||||
display: flex;
|
||||
@@ -526,13 +535,64 @@ body.absence-wizard-open {
|
||||
|
||||
.teacher-dialogue-toolbar {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
gap: .55rem;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.teacher-dialogue-toolbar select {
|
||||
.teacher-dialogue-toolbar > select,
|
||||
.teacher-dialogue-toolbar .custom-select-wrapper {
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
flex: 1 1 0;
|
||||
}
|
||||
|
||||
.teacher-dialogue-toolbar > select {
|
||||
min-height: 44px;
|
||||
padding: 0.65rem 2.15rem 0.65rem 0.8rem;
|
||||
border: 1px solid color-mix(in srgb, #f59e0b 24%, var(--bg-card-border));
|
||||
border-radius: 11px;
|
||||
background: var(--bg-input);
|
||||
color: var(--text-primary);
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
.teacher-dialogue-toolbar .custom-select-trigger {
|
||||
min-height: 44px;
|
||||
border-color: color-mix(in srgb, #f59e0b 24%, var(--bg-card-border));
|
||||
border-radius: 11px;
|
||||
background: color-mix(in srgb, var(--bg-input) 88%, #f59e0b 4%);
|
||||
}
|
||||
|
||||
.teacher-dialogue-toolbar .custom-select-trigger:hover,
|
||||
.teacher-dialogue-toolbar .custom-select-wrapper.open .custom-select-trigger {
|
||||
border-color: color-mix(in srgb, #f59e0b 62%, var(--bg-card-border));
|
||||
background: color-mix(in srgb, var(--bg-hover) 90%, #f59e0b 6%);
|
||||
}
|
||||
|
||||
.teacher-dialogue-toolbar .custom-select-wrapper.open .custom-select-trigger,
|
||||
.teacher-dialogue-toolbar .custom-select-trigger:focus {
|
||||
box-shadow: 0 0 0 4px color-mix(in srgb, #f59e0b 20%, transparent);
|
||||
}
|
||||
|
||||
.teacher-dialogue-toolbar .custom-select-menu {
|
||||
border-color: color-mix(in srgb, #f59e0b 25%, var(--bg-card-border));
|
||||
background: rgba(10, 10, 15, 0.96);
|
||||
backdrop-filter: blur(20px) saturate(135%);
|
||||
-webkit-backdrop-filter: blur(20px) saturate(135%);
|
||||
}
|
||||
|
||||
.teacher-dialogue-toolbar .custom-select-item:hover:not(.disabled) {
|
||||
background: color-mix(in srgb, #f59e0b 10%, var(--bg-hover));
|
||||
}
|
||||
|
||||
.teacher-dialogue-toolbar .custom-select-item.selected {
|
||||
background: color-mix(in srgb, #f59e0b 18%, var(--bg-input));
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
[data-theme="light"] .teacher-dialogue-toolbar .custom-select-menu {
|
||||
background: rgba(255, 255, 255, 0.96);
|
||||
box-shadow: 0 16px 36px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(15, 23, 42, 0.04) inset;
|
||||
}
|
||||
|
||||
.teacher-dialogue-list {
|
||||
@@ -669,6 +729,16 @@ body.absence-wizard-open {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.teacher-dialogue-toolbar {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.teacher-dialogue-toolbar .custom-select-wrapper,
|
||||
.teacher-dialogue-toolbar > select,
|
||||
.teacher-dialogue-toolbar > .btn {
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
|
||||
.absence-command-stats {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user