Tom Butcher
59bf2702bf
- Added transition properties to the body for smoother background changes. - Increased transition duration for the dashboard splitter's size adjustments, enhancing visual fluidity during resizing.
1594 lines
31 KiB
CSS
1594 lines
31 KiB
CSS
.ant-typography,
|
|
.ant-descriptions-item-label,
|
|
.ant-descriptions-item-content,
|
|
.ant-menu-title-content,
|
|
.ant-tag,
|
|
.ant-card,
|
|
.ant-checkbox-label,
|
|
.ant-btn,
|
|
.ant-breadcrumb-link,
|
|
.ant-dropdown-menu-title-content,
|
|
.ant-notification-notice-message,
|
|
.ant-notification-notice-description,
|
|
.ant-message-custom-content,
|
|
.ant-modal-title,
|
|
.ant-modal-body,
|
|
.ant-table-column-title,
|
|
.ant-table-cell,
|
|
.ant-alert-message,
|
|
.ant-drawer-title,
|
|
.ant-tooltip-inner,
|
|
.ant-form-item-control-input-content,
|
|
.ant-form-item-control-input,
|
|
.ant-input,
|
|
.ant-input-number .ant-input-number-input,
|
|
.ant-segmented-item-label,
|
|
.ant-badge-status-text,
|
|
.ant-tree-title,
|
|
.ant-select,
|
|
.ant-progress,
|
|
.ant-collapse,
|
|
.ant-picker-dropdown,
|
|
.ant-radio-group,
|
|
.g2-tooltip-title,
|
|
.g2-tooltip-list-item,
|
|
.ant-picker-input,
|
|
.ant-picker-header-view button,
|
|
.ant-badge,
|
|
.ant-select-dropdown,
|
|
.ant-splitter,
|
|
.ant-steps-item-title,
|
|
.ant-steps-icon,
|
|
.ant-color-picker-presets-label,
|
|
.ant-select-selection-item,
|
|
.ant-color-picker-trigger-text,
|
|
[class*=' ant-radio'] {
|
|
font-family: 'DM Sans';
|
|
}
|
|
|
|
.ant-typography code,
|
|
.ant-typography pre,
|
|
.ͼ1 .cm-scroller {
|
|
font-family: 'DM Mono';
|
|
}
|
|
|
|
.ant-steps .ant-steps-item-icon {
|
|
line-height: 30px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.ant-steps .ant-steps-item-icon .anticon.anticon-check.ant-steps-finish-icon {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.ant-typography .id-text {
|
|
font-family: 'DM Mono';
|
|
font-size: 11.9px;
|
|
vertical-align: top !important;
|
|
}
|
|
|
|
.ant-typography-ellipsis-single-line {
|
|
vertical-align: middle !important;
|
|
}
|
|
|
|
.ant-typography-ellipsis-single-line > code {
|
|
vertical-align: top !important;
|
|
}
|
|
|
|
.object-display-tag .ant-typography-ellipsis-single-line > code {
|
|
background-color: transparent !important;
|
|
border: 1px solid transparent !important;
|
|
max-width: calc(100%);
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 95%;
|
|
}
|
|
|
|
.ant-select-selection-item .country-display {
|
|
margin-left: 1px !important;
|
|
}
|
|
|
|
.object-display-tag,
|
|
.object-type-display-tag,
|
|
.country-display {
|
|
opacity: 1;
|
|
transition: opacity 0.15s ease-in-out;
|
|
}
|
|
|
|
.object-select.ant-select-focused .object-display-tag,
|
|
.ant-select-focused .object-type-display-tag,
|
|
.ant-select-focused .country-display {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.flag {
|
|
line-height: 0.7;
|
|
}
|
|
|
|
.electron-navigation-wrapper {
|
|
user-select: none;
|
|
--webkit-user-select: none;
|
|
}
|
|
|
|
.electron-body * {
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.electron-body .ant-descriptions-item-content *,
|
|
.electron-body .ant-table-cell * {
|
|
-webkit-user-select: text;
|
|
-khtml-user-select: text;
|
|
-moz-user-select: text;
|
|
-o-user-select: text;
|
|
user-select: text;
|
|
}
|
|
|
|
/* Native macOS vibrancy — transparent web content over NSVisualEffectView */
|
|
html.macos-vibrancy {
|
|
--macos-window-corner-radius: 15px; /* keep in sync with MAC_WINDOW_CORNER_RADIUS */
|
|
}
|
|
|
|
html.macos-vibrancy,
|
|
html.macos-vibrancy body,
|
|
html.macos-vibrancy #root {
|
|
background: transparent !important;
|
|
}
|
|
|
|
html.macos-vibrancy .ant-layout.ant-layout-has-sider,
|
|
html.macos-vibrancy .main-layout {
|
|
background: transparent !important;
|
|
}
|
|
|
|
html.macos-vibrancy .light-mode .ant-layout.main-content-layout {
|
|
background: rgba(255, 255, 255, 0.88) !important;
|
|
}
|
|
|
|
html.macos-vibrancy .dark-mode .ant-layout.main-content-layout {
|
|
background: rgba(0, 0, 0, 0.88) !important;
|
|
}
|
|
|
|
html.macos-vibrancy .light-mode .ant-layout-sider {
|
|
background: rgba(244, 244, 244, 0.82) !important;
|
|
}
|
|
|
|
html.macos-vibrancy .dark-mode .ant-layout-sider {
|
|
background: rgba(10, 10, 10, 0.82) !important;
|
|
}
|
|
|
|
html.macos-vibrancy .light-mode .ant-layout-content {
|
|
background: transparent !important;
|
|
}
|
|
|
|
html.macos-vibrancy .dark-mode .ant-layout-content {
|
|
background: transparent !important;
|
|
}
|
|
|
|
html.macos-vibrancy .ant-layout-sider-light,
|
|
html.macos-vibrancy .electron-sider .ant-menu-light {
|
|
background: transparent !important;
|
|
}
|
|
|
|
html.macos-vibrancy
|
|
.dark-mode
|
|
.electron-sider
|
|
.ant-menu-light
|
|
.ant-menu-item-selected {
|
|
background-color: color-mix(in srgb, var(--color-primary) 30%, #00000010);
|
|
color: color-mix(in srgb, var(--color-primary) 75%, #ffffff);
|
|
}
|
|
|
|
html.macos-vibrancy
|
|
.light-mode
|
|
.electron-sider
|
|
.ant-menu-light
|
|
.ant-menu-item-selected {
|
|
background-color: color-mix(in srgb, var(--color-primary) 80%, #ffffff3d);
|
|
color: #ffffff;
|
|
}
|
|
|
|
html.macos-vibrancy .dark-mode .electron-navigation-wrapper {
|
|
background: rgba(10, 10, 10, 0.9) !important;
|
|
}
|
|
|
|
html.macos-vibrancy .light-mode .electron-navigation-wrapper {
|
|
background: rgba(255, 255, 255, 0.9) !important;
|
|
}
|
|
|
|
html.macos-vibrancy .electron-navigation {
|
|
background: rgba(0, 0, 0, 0) !important;
|
|
}
|
|
|
|
html.macos-vibrancy .light-mode .ant-layout.main-content-layout .ant-card {
|
|
background: rgba(255, 255, 255, 0.5) !important;
|
|
}
|
|
html.macos-vibrancy .dark-mode .ant-layout.main-content-layout .ant-card {
|
|
background: rgba(31, 31, 31, 0.5) !important;
|
|
}
|
|
|
|
.redTrafficLight {
|
|
width: 12px;
|
|
height: 12px;
|
|
background-color: #fe5f57;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.yellowTrafficLight {
|
|
width: 12px;
|
|
height: 12px;
|
|
background-color: #febc2e;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.greenTrafficLight {
|
|
width: 12px;
|
|
height: 12px;
|
|
background-color: #28c840;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.electron-navigation {
|
|
line-height: 40px;
|
|
}
|
|
|
|
.electron-sidebar.ant-menu-inline .ant-menu-item {
|
|
padding-left: 20px !important;
|
|
}
|
|
|
|
.electron-navigation .ant-menu-overflow-item-rest {
|
|
padding-inline: 10px;
|
|
}
|
|
|
|
.electron-navigation.ant-menu-horizontal .ant-menu-item {
|
|
padding-inline: 12px;
|
|
}
|
|
|
|
.electron-sidebar .ant-menu-item,
|
|
.electron-sidebar .ant-menu-submenu-title {
|
|
height: 32.5px !important;
|
|
line-height: 32.5px !important;
|
|
}
|
|
|
|
.electron-sider.ant-layout-sider-collapsed {
|
|
min-width: var(--dashboard-sidebar-collapsed-width, 55px) !important;
|
|
max-width: var(--dashboard-sidebar-collapsed-width, 55px) !important;
|
|
}
|
|
|
|
.loading-modal .ant-modal-footer {
|
|
display: none;
|
|
}
|
|
|
|
:root {
|
|
--unit-100vh: 100vh;
|
|
--scrollbox-vertical-right-padding: 16px;
|
|
--scrollbox-horizontal-bottom-padding: 16px;
|
|
}
|
|
@supports (height: 100dvh) {
|
|
:root {
|
|
--unit-100vh: 100dvh;
|
|
}
|
|
}
|
|
|
|
.dashboard-cards-header .ant-table-tbody {
|
|
display: none;
|
|
}
|
|
|
|
.ant-menu-overflow-item-rest::after {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
.ant-menu-overflow-item > div:hover {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
code {
|
|
margin: 0;
|
|
}
|
|
|
|
.App {
|
|
text-align: center;
|
|
}
|
|
|
|
.App-logo {
|
|
height: 40vmin;
|
|
pointer-events: none;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.App-logo {
|
|
animation: App-logo-spin infinite 20s linear;
|
|
}
|
|
}
|
|
|
|
.App-header {
|
|
background-color: #be871a;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: calc(10px + 2vmin);
|
|
color: white;
|
|
}
|
|
|
|
.App-link {
|
|
color: #61dafb;
|
|
}
|
|
|
|
@keyframes App-logo-spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.iddisplay .ant-popover-inner {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.iddisplay > *:first-child {
|
|
min-width: 0;
|
|
flex: 0 1 auto;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.iddisplay .ant-btn {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.miscid > *:first-child {
|
|
min-width: 0;
|
|
flex: 0 1 auto;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.miscid .ant-btn {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.ant-popover-inner:has(.spotlight-tooltip) {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.ant-popover-inner:has(.keyboard-shortcut-tooltip) {
|
|
padding: 8px !important;
|
|
}
|
|
|
|
.cursor-tooltip {
|
|
opacity: 0;
|
|
transition: opacity 0.25s ease;
|
|
}
|
|
|
|
.cursor-tooltip.is-visible {
|
|
opacity: 1;
|
|
transition: opacity 0.15s ease;
|
|
}
|
|
|
|
.cursor-tooltip .ant-card {
|
|
box-shadow:
|
|
0 6px 16px 0 rgba(0, 0, 0, 0.08),
|
|
0 3px 6px -4px rgba(0, 0, 0, 0.12),
|
|
0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
/* --- Start of src/index.css --- */
|
|
body {
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ant-modal-mask,
|
|
.ant-drawer-mask {
|
|
backdrop-filter: blur(3px);
|
|
}
|
|
|
|
.ant-spin-blur {
|
|
filter: blur(3px);
|
|
}
|
|
/* --- End of src/index.css --- */
|
|
|
|
/* --- Start of src/components/Dashboard/Layout.css --- */
|
|
.no-padding-collapse .ant-collapse-header {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.no-padding-collapse .ant-collapse-content-box {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.no-h-padding-collapse .ant-collapse-header {
|
|
padding-top: 0 !important;
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
padding-bottom: 4px !important;
|
|
}
|
|
|
|
.no-h-padding-collapse .ant-collapse-content-box {
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
.no-padding-collapse .ant-collapse-item,
|
|
.no-v-padding-collapse .ant-collapse-item {
|
|
border: none !important;
|
|
}
|
|
/* --- End of src/components/Dashboard/Layout.css --- */
|
|
|
|
/* --- Start of src/components/Dashboard/common/DashboardSidebar.css --- */
|
|
.ant-layout-sider {
|
|
height: 100%;
|
|
}
|
|
|
|
.dashboard-sider.ant-layout-sider {
|
|
width: 100% !important;
|
|
min-width: 0 !important;
|
|
max-width: 100% !important;
|
|
flex: 0 0 100% !important;
|
|
transition:
|
|
all 0.3s,
|
|
background 0s;
|
|
}
|
|
|
|
.dashboard-sider.ant-layout-sider-collapsed {
|
|
width: var(--dashboard-sidebar-collapsed-width, 80px) !important;
|
|
min-width: var(--dashboard-sidebar-collapsed-width, 80px) !important;
|
|
max-width: var(--dashboard-sidebar-collapsed-width, 80px) !important;
|
|
flex: 0 0 var(--dashboard-sidebar-collapsed-width, 80px) !important;
|
|
}
|
|
/* --- End of src/components/Dashboard/common/DashboardSidebar.css --- */
|
|
|
|
.objectTableDescritions > .ant-descriptions-view > table {
|
|
table-layout: fixed !important;
|
|
}
|
|
|
|
.objectTableDescritions
|
|
> .ant-descriptions-view
|
|
.ant-descriptions-row
|
|
> .ant-descriptions-item-label {
|
|
width: 35%;
|
|
}
|
|
|
|
.farmcontrol-splitter > .ant-splitter-bar {
|
|
margin: 8px;
|
|
}
|
|
|
|
.farmcontrol-splitter.large > .ant-splitter-bar {
|
|
margin: 11px;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.dark-mode {
|
|
--sb-track-color: #1d1d1d;
|
|
--sb-thumb-color: #848484;
|
|
--sb-size: 8px;
|
|
}
|
|
|
|
.light-mode {
|
|
--sb-thumb-color: #87878718;
|
|
--sb-size: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar:vertical {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar:horizontal {
|
|
height: 8px;
|
|
}
|
|
|
|
/* Track */
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
/* Handle */
|
|
::-webkit-scrollbar-thumb {
|
|
background: #8888881a;
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
background-clip: padding-box;
|
|
transition: all 1s;
|
|
-moz-transition: all 1s;
|
|
-webkit-transition: all 1s;
|
|
}
|
|
|
|
::-webkit-scrollbar-corner {
|
|
background: #00000000; /* The scroll corner color */
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:vertical {
|
|
border-left: none;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:horizontal {
|
|
border-top: none;
|
|
}
|
|
|
|
/* Handle on hover */
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #5555551f;
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:vertical:hover {
|
|
border-left: none;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:horizontal:hover {
|
|
border-top: none;
|
|
}
|
|
|
|
.ant-table-body {
|
|
scrollbar-color: auto;
|
|
}
|
|
|
|
.ant-select-selection-item .ant-tag {
|
|
margin-left: 1px !important;
|
|
}
|
|
|
|
.tags-input.ant-select-multiple .ant-select-selection-item,
|
|
.tags-input.ant-tree-select.ant-select-multiple .ant-select-selection-item {
|
|
background: transparent !important;
|
|
border: none !important;
|
|
padding: 0 !important;
|
|
margin-inline-end: 0 !important;
|
|
height: auto !important;
|
|
line-height: normal !important;
|
|
}
|
|
|
|
.tags-input.ant-select-multiple .ant-select-selection-item-remove,
|
|
.tags-input.ant-tree-select.ant-select-multiple
|
|
.ant-select-selection-item-remove {
|
|
display: none;
|
|
}
|
|
|
|
.ant-badge.ant-badge-status {
|
|
line-height: 18.5px;
|
|
}
|
|
|
|
.simplebar-track.simplebar-vertical {
|
|
right: calc(-1 * var(--scrollbox-vertical-right-padding));
|
|
width: 8px !important;
|
|
}
|
|
|
|
.simplebar-track.simplebar-horizontal {
|
|
bottom: calc(-1 * var(--scrollbox-horizontal-bottom-padding));
|
|
height: 8px !important;
|
|
}
|
|
|
|
.scrollbox-inner .simplebar-track.simplebar-vertical {
|
|
right: var(--scrollbox-vertical-right-padding);
|
|
}
|
|
|
|
.scrollbox-inner .simplebar-track.simplebar-horizontal {
|
|
bottom: var(--scrollbox-horizontal-bottom-padding);
|
|
}
|
|
|
|
.scrollbox-inner-small-padding .simplebar-track.simplebar-vertical {
|
|
right: 8px;
|
|
bottom: 8px;
|
|
top: 8px;
|
|
}
|
|
|
|
.scrollbox-inner-small-padding .simplebar-track.simplebar-horizontal {
|
|
bottom: 8px;
|
|
}
|
|
|
|
.simplebar-scrollbar:before {
|
|
background: #78787854 !important;
|
|
}
|
|
|
|
.printer-alerts-display-popover .ant-popover-inner {
|
|
padding: 0 !important;
|
|
margin: 0 24px !important;
|
|
}
|
|
|
|
.child-table-rollups *::-webkit-scrollbar:horizontal {
|
|
height: 0px;
|
|
}
|
|
|
|
.rollup-table .ant-table-container {
|
|
border-start-start-radius: 0px !important;
|
|
border-start-end-radius: 0px !important;
|
|
}
|
|
|
|
.rollup-table .ant-table {
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
.ant-select-selection-item .object-display-tag,
|
|
.ant-select-tree-title .object-display-tag {
|
|
background: transparent !important;
|
|
padding: 0;
|
|
margin-right: 1px !important;
|
|
}
|
|
|
|
.object-select .ant-select-selection-item .object-display-tag {
|
|
top: 1.5px;
|
|
}
|
|
|
|
.ant-select-tree-title .object-display-tag {
|
|
top: 0.5px;
|
|
}
|
|
|
|
.ant-select-outlined.ant-select-multiple
|
|
.ant-select-selection-item
|
|
.object-display-tag {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.ant-select-outlined.ant-select-multiple
|
|
.ant-select-selection-item
|
|
.object-display-tag
|
|
.ant-flex {
|
|
margin-top: -0.75px;
|
|
}
|
|
|
|
.object-info-descriptions table {
|
|
table-layout: fixed !important;
|
|
}
|
|
|
|
.ant-btn-variant-outlined.ant-btn.ant-btn-icon-only {
|
|
min-width: 32px;
|
|
}
|
|
|
|
.electron-spotlight-content .ant-input-outlined {
|
|
background-color: transparent !important;
|
|
border: 1px solid transparent !important;
|
|
border-radius: 0 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.ant-modal .ant-modal-content {
|
|
border-radius: 22px;
|
|
padding: 24px;
|
|
}
|
|
|
|
.ant-badge .ant-badge-count-sm {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.input-number-cal {
|
|
position: relative;
|
|
}
|
|
|
|
.input-number-cal .ant-input-suffix {
|
|
margin-right: 28px;
|
|
}
|
|
|
|
.input-number-cal .ant-input-outlined {
|
|
border-color: var(--color-purple);
|
|
box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-purple) 31%, transparent);
|
|
}
|
|
|
|
.input-number-cal .ant-input {
|
|
font-family: 'DM Mono';
|
|
font-weight: 400;
|
|
}
|
|
|
|
.input-number-cal-icon {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 0;
|
|
bottom: 1px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* --- Start of src/components/Dashboard/common/MarkdownInput.css --- */
|
|
.md-editor__content {
|
|
padding: 24px;
|
|
font-size: 14px;
|
|
line-height: 1.6;
|
|
color: var(--baseText);
|
|
white-space: pre-wrap;
|
|
outline: none;
|
|
}
|
|
|
|
.md-editor {
|
|
color: var(--baseText);
|
|
}
|
|
|
|
.md-editor .tiptap {
|
|
min-height: var(--md-editor-min-height);
|
|
}
|
|
|
|
.md-editor .tiptap p.is-editor-empty:first-child::before {
|
|
content: 'Enter text here...';
|
|
color: var(--baseBorderHover);
|
|
float: left;
|
|
height: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.markdown pre,
|
|
.markdown code,
|
|
.markdown blockquote {
|
|
background: var(--baseBgSubtle);
|
|
color: var(--baseTextContrast);
|
|
}
|
|
|
|
.markdown pre {
|
|
border-radius: 8px;
|
|
padding: 12px;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.markdown blockquote {
|
|
border-left: 3px solid var(--color-primary);
|
|
margin: 0;
|
|
padding: 8px 12px;
|
|
}
|
|
|
|
.markdown hr {
|
|
border: 0;
|
|
border-top: 1px solid #8484844d;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.markdown *:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.markdown h1:first-child {
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.markdown h2:first-child {
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.markdown h3:first-child {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.markdown h4:first-child {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.markdown *:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.markdown h1,
|
|
.markdown h2,
|
|
.markdown h3,
|
|
.markdown h4,
|
|
.markdown h5,
|
|
.markdown h6 {
|
|
margin-bottom: 10px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.markdown p {
|
|
font-size: 14px;
|
|
margin: 10px 0;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.markdown h1 {
|
|
font-size: 32px;
|
|
}
|
|
|
|
.markdown h2 {
|
|
font-size: 26px;
|
|
}
|
|
|
|
.markdown h3 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.markdown h4 {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.markdown {
|
|
width: 100%;
|
|
}
|
|
|
|
.property-changes .markdown {
|
|
width: unset;
|
|
}
|
|
|
|
.markdown ul,
|
|
.markdown ol {
|
|
padding-left: 20px;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.markdown li {
|
|
margin: 10px 0;
|
|
line-height: 1;
|
|
}
|
|
|
|
.markdown-code-editor {
|
|
padding: 18px;
|
|
}
|
|
|
|
.markdown-splitter > .ant-splitter-bar {
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.markdown-code-editor .cm-editor {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.markdown-code-editor .cm-editor.cm-focused {
|
|
outline: none;
|
|
}
|
|
|
|
.markdown-code-editor .cm-editor .cm-gutters {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.h-100 {
|
|
height: 100%;
|
|
min-height: 0;
|
|
}
|
|
|
|
.ant-table.ant-table-middle .ant-table-filter-trigger {
|
|
height: 20px;
|
|
}
|
|
|
|
.ant-table-wrapper .ant-table-filter-column {
|
|
align-items: center;
|
|
}
|
|
|
|
span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
|
|
width: 50px;
|
|
min-width: 0;
|
|
height: 20px;
|
|
}
|
|
|
|
.sidebar-scroll .simplebar-track.simplebar-vertical {
|
|
right: -1px;
|
|
width: 0px !important;
|
|
transition:
|
|
width 0.15s ease-in-out,
|
|
right 0.15s ease-in-out;
|
|
}
|
|
|
|
.sidebar-scroll .simplebar-track.simplebar-vertical {
|
|
border-radius: 0 0 6.5px 0;
|
|
}
|
|
|
|
.sidebar-scroll.dark .simplebar-track.simplebar-vertical {
|
|
background-color: #141414;
|
|
border-inline-end: 1px solid rgba(253, 253, 253, 0.12);
|
|
border-bottom: 1px solid rgba(253, 253, 253, 0.12);
|
|
}
|
|
|
|
.sidebar-scroll.light .simplebar-track.simplebar-vertical {
|
|
background-color: #ffffff;
|
|
border-inline-end: 1px solid rgba(5, 5, 5, 0.06);
|
|
border-bottom: 1px solid rgba(5, 5, 5, 0.06);
|
|
}
|
|
|
|
.sidebar-scroll.simplebar-scrolling .simplebar-track.simplebar-vertical {
|
|
width: 12px !important;
|
|
right: -13px;
|
|
}
|
|
|
|
.sidebar-scroll
|
|
.simplebar-track.simplebar-vertical
|
|
.simplebar-scrollbar:before {
|
|
top: 4px;
|
|
bottom: 4px;
|
|
left: 4px;
|
|
right: 4px;
|
|
}
|
|
|
|
.ant-color-picker
|
|
.ant-color-picker-inner
|
|
.ant-color-picker-panel
|
|
.ant-color-picker-select
|
|
.ant-color-picker-palette {
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.ant-color-picker
|
|
.ant-collapse
|
|
.ant-collapse-item:last-child
|
|
.ant-collapse-content-box {
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
.ant-color-picker .ant-collapse .ant-collapse-expand-icon {
|
|
height: 12px !important;
|
|
padding-inline-end: 8px !important;
|
|
}
|
|
|
|
.ant-color-picker .ant-color-picker-inner .ant-color-picker-presets-label {
|
|
line-height: 1 !important;
|
|
}
|
|
|
|
.ant-color-picker
|
|
.ant-collapse
|
|
.ant-collapse-item:first-child
|
|
.ant-collapse-header {
|
|
margin: 0 0 5.5px 0;
|
|
}
|
|
|
|
.ant-color-picker .ant-collapse .ant-collapse-item .ant-collapse-header {
|
|
margin: 5.5px 0;
|
|
}
|
|
|
|
.subSteps.ant-timeline .ant-timeline-item-last > .ant-timeline-item-content {
|
|
min-height: unset;
|
|
}
|
|
|
|
.subSteps.ant-timeline .ant-timeline-item-last {
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.subSteps.ant-timeline {
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.ant-steps.ant-steps-vertical
|
|
> .ant-steps-item
|
|
> .ant-steps-item-container
|
|
> .ant-steps-item-tail::after {
|
|
width: 1.5px;
|
|
}
|
|
|
|
.subSteps.ant-timeline .ant-timeline-item-head {
|
|
background-color: unset;
|
|
}
|
|
|
|
.subSteps.ant-timeline .subSteps-dot {
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
background-color: var(--color-primary);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.subSteps.ant-timeline .subSteps-dot svg path {
|
|
stroke: var(--layout-modal-bg);
|
|
stroke-width: 10px;
|
|
}
|
|
|
|
.subSteps.ant-timeline .subSteps-dot span {
|
|
width: 5px;
|
|
height: 5px;
|
|
margin-top: 0px;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.subSteps.ant-timeline .subSteps-dot.subSteps-dot-disabled {
|
|
background-color: var(--color-primary-disabled);
|
|
}
|
|
|
|
.subSteps.ant-timeline .subSteps-dot.subSteps-dot-disabled svg path {
|
|
stroke: var(--color-primary);
|
|
}
|
|
|
|
.ant-steps .ant-steps-item-finish .ant-steps-item-icon svg path {
|
|
stroke: var(--color-primary);
|
|
stroke-width: 3px;
|
|
}
|
|
|
|
.ant-descriptions .ant-descriptions-item-label::after {
|
|
top: 0;
|
|
}
|
|
|
|
.ant-descriptions-small .ant-descriptions-row > td {
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.minimal-code-block-editor .ant-typography pre {
|
|
margin: 0;
|
|
}
|
|
|
|
.code-block-editor {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 0;
|
|
}
|
|
|
|
.code-block-editor > div {
|
|
flex: 1 1 auto;
|
|
min-height: 0;
|
|
}
|
|
|
|
.ant-splitter-panel:not(:first-child) .info-collapse .info-collapse-label {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.farmcontrol-splitter .ant-splitter-panel {
|
|
overflow: visible;
|
|
}
|
|
|
|
.farmcontrol-splitter.ant-splitter-horizontal .ant-splitter-panel {
|
|
width: 100%;
|
|
min-width: 0;
|
|
}
|
|
|
|
.farmcontrol-splitter.ant-splitter-horizontal.is-size-transitioning
|
|
.ant-splitter-panel {
|
|
transition:
|
|
--dashboard-splitter-sidebar-size 0.3s ease-in-out,
|
|
flex-basis 0.3s ease-in-out,
|
|
width 0.3s ease-in-out,
|
|
min-width 0.3s ease-in-out,
|
|
max-width 0.3s ease-in-out;
|
|
}
|
|
|
|
@property --dashboard-splitter-sidebar-size {
|
|
syntax: '<length>';
|
|
inherits: true;
|
|
initial-value: 80px;
|
|
}
|
|
|
|
.farmcontrol-splitter
|
|
.ant-splitter-panel:has(~ .ant-splitter-panel)
|
|
.info-collapse.ant-collapse.ant-collapse-icon-position-end
|
|
> .ant-collapse-item
|
|
> .ant-collapse-header
|
|
.ant-collapse-expand-icon {
|
|
padding-inline-end: 2px;
|
|
}
|
|
|
|
.objectTableCards {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.objectTableCardsContainer {
|
|
width: 100%;
|
|
height: 100%;
|
|
min-width: 0;
|
|
}
|
|
|
|
.objectTableCardsContainer .ant-spin-nested-loading {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.objectTableCardsContainer .ant-spin-container {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.electron-body .ant-modal-wrap,
|
|
.electron-body .ant-modal-mask,
|
|
.electron-body .ant-drawer {
|
|
top: 41px;
|
|
}
|
|
|
|
@keyframes h-progress-macos-wave {
|
|
0% {
|
|
transform: translateX(0);
|
|
}
|
|
100% {
|
|
/* One gradient period (40cqw of a 200cqw-wide element) for a seamless loop */
|
|
transform: translateX(20%);
|
|
}
|
|
}
|
|
|
|
.h-progress {
|
|
display: inline-block;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.h-progress-outer {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.h-progress-inner {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
flex: 1;
|
|
overflow: hidden;
|
|
vertical-align: middle;
|
|
/* Lets the wave size itself against the full track via cqw units */
|
|
container-type: inline-size;
|
|
}
|
|
|
|
.h-progress-bg,
|
|
.h-progress-success-bg {
|
|
position: relative;
|
|
transition: all 0.1s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
|
|
.h-progress-success-bg {
|
|
position: absolute;
|
|
inset-block-start: 0;
|
|
inset-inline-start: 0;
|
|
}
|
|
|
|
/* Mask that clips the wave to the filled portion of the bar. Its width
|
|
tracks the fill, while the wave inside keeps a constant width so Safari
|
|
doesn't restart/freeze the animation when progress updates. */
|
|
.h-progress-bg-mask {
|
|
position: absolute;
|
|
inset-block: 0;
|
|
inset-inline-start: 0;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
transition: width 0.1s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
}
|
|
|
|
.h-progress-bg-wave {
|
|
position: absolute;
|
|
inset-block: 0;
|
|
/* Constant width relative to the full track (.h-progress-inner),
|
|
independent of the mask's changing width. Starts one period early so
|
|
the pattern always covers the track while sliding right. */
|
|
inset-inline-start: -40cqw;
|
|
width: 200cqw;
|
|
background: repeating-linear-gradient(
|
|
90deg,
|
|
rgba(255, 255, 255, 0) 0,
|
|
rgba(255, 255, 255, 0.35) 20cqw,
|
|
rgba(255, 255, 255, 0) 40cqw
|
|
);
|
|
animation: h-progress-macos-wave 1s linear infinite;
|
|
}
|
|
|
|
.h-progress-text {
|
|
display: inline-block;
|
|
margin-inline-start: 8px;
|
|
line-height: 1;
|
|
width: 2em;
|
|
white-space: nowrap;
|
|
text-align: start;
|
|
vertical-align: middle;
|
|
word-break: normal;
|
|
}
|
|
|
|
.h-progress-text-start {
|
|
width: max-content;
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 8px;
|
|
}
|
|
|
|
.h-progress-text-inner {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin-inline-start: 0;
|
|
padding: 0 4px;
|
|
color: #fff;
|
|
}
|
|
|
|
.h-progress-layout-bottom {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.h-progress-layout-bottom .h-progress-text {
|
|
width: max-content;
|
|
margin-inline-start: 0;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.simple-date-time-property-filter {
|
|
margin: -6px 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.simple-date-time-property-filter.ant-tree .ant-tree-treenode {
|
|
margin-bottom: 0;
|
|
height: 40px;
|
|
align-items: center;
|
|
}
|
|
|
|
.simple-date-time-property-filter.ant-tree .ant-tree-switcher {
|
|
align-self: center;
|
|
}
|
|
|
|
.simple-date-time-property-filter.ant-tree .ant-tree-switcher-leaf-line:after {
|
|
height: 0;
|
|
top: -5px;
|
|
}
|
|
|
|
.simple-date-time-property-filter.ant-tree .ant-tree-switcher-leaf-line:before {
|
|
top: -16px !important;
|
|
bottom: -24px !important;
|
|
}
|
|
|
|
/* Size FilterSidebar field selects to the longest label (via labelRender sizer). */
|
|
.filter-sidebar-field-select.ant-select {
|
|
width: max-content;
|
|
}
|
|
.filter-sidebar-field-select .ant-select-selector {
|
|
width: max-content !important;
|
|
}
|
|
|
|
.elipsis-text-wrapper.ant-typography {
|
|
display: block;
|
|
min-width: 0;
|
|
max-width: 100%;
|
|
width: auto;
|
|
overflow: hidden;
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
flex-basis: auto;
|
|
}
|
|
|
|
.elipsis-text-wrapper.ant-typography .elipsis-text {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: baseline;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
position: relative;
|
|
overflow: hidden;
|
|
white-space: pre;
|
|
}
|
|
|
|
.elipsis-text-wrapper.ant-typography code.elipsis-text-measure,
|
|
.elipsis-text-wrapper.ant-typography code.elipsis-text-full,
|
|
.elipsis-text-wrapper.ant-typography code.elipsis-text-truncated {
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.elipsis-text-measure {
|
|
position: absolute;
|
|
visibility: hidden;
|
|
pointer-events: none;
|
|
white-space: pre;
|
|
}
|
|
|
|
.elipsis-text-full {
|
|
display: none;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: max-content;
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
white-space: pre;
|
|
}
|
|
|
|
.elipsis-text:not(.is-truncated) .elipsis-text-full {
|
|
display: inline-block;
|
|
}
|
|
|
|
.elipsis-text.is-truncated .elipsis-text-full {
|
|
display: none;
|
|
}
|
|
|
|
.elipsis-text:not(.is-truncated) .elipsis-text-truncated .elipsis-text-dots {
|
|
display: none;
|
|
}
|
|
|
|
.elipsis-text:not(.is-truncated) .elipsis-text-truncated {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.elipsis-text-truncated {
|
|
display: flex;
|
|
flex: 1 1 0;
|
|
align-items: baseline;
|
|
min-width: 0;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
white-space: pre;
|
|
}
|
|
|
|
.elipsis-text-wrapper.ant-typography code.elipsis-text-truncated {
|
|
display: flex;
|
|
}
|
|
|
|
.elipsis-text-start,
|
|
.elipsis-text-end {
|
|
flex: 1 1 0;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
white-space: pre;
|
|
}
|
|
|
|
.elipsis-text-start {
|
|
mask-image: linear-gradient(
|
|
to right,
|
|
#000 0%,
|
|
#000 calc(100% - 0.5em),
|
|
transparent 100%
|
|
);
|
|
-webkit-mask-image: linear-gradient(
|
|
to right,
|
|
#000 0%,
|
|
#000 calc(100% - 0.5em),
|
|
transparent 100%
|
|
);
|
|
}
|
|
|
|
.elipsis-text-end {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
mask-image: linear-gradient(
|
|
to left,
|
|
#000 0%,
|
|
#000 calc(100% - 0.5em),
|
|
transparent 100%
|
|
);
|
|
-webkit-mask-image: linear-gradient(
|
|
to left,
|
|
#000 0%,
|
|
#000 calc(100% - 0.5em),
|
|
transparent 100%
|
|
);
|
|
}
|
|
|
|
.elipsis-text-end-inner {
|
|
flex: 0 0 auto;
|
|
white-space: pre;
|
|
}
|
|
|
|
.elipsis-text-dots {
|
|
flex: 0 0 auto;
|
|
user-select: none;
|
|
}
|
|
|
|
.code-diff-viewer {
|
|
height: 70vh;
|
|
border: 1px solid #85858541;
|
|
}
|
|
|
|
.code-diff-viewer .cm-mergeView {
|
|
height: 100%;
|
|
overflow: auto;
|
|
}
|
|
|
|
.cm-editor {
|
|
width: fit-content;
|
|
}
|
|
|
|
.cm-errorLine {
|
|
background-color: color-mix(in srgb, var(--color-error) 15%, transparent);
|
|
}
|
|
|
|
.cm-gutters .cm-errorLine {
|
|
color: var(--color-error);
|
|
}
|
|
|
|
.diff-label-square {
|
|
width: 7px;
|
|
height: 7px;
|
|
background-color: #85858541;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.permissions-matrix-table .ant-table-tbody .ant-table-cell {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.permissions-matrix:hover .ant-table-tbody > tr > .ant-table-cell {
|
|
box-shadow: inset 0 0 0 100vmax
|
|
color-mix(
|
|
in srgb,
|
|
var(--color-text)
|
|
calc(
|
|
4% *
|
|
(
|
|
1 -
|
|
min(
|
|
1,
|
|
abs(
|
|
calc(
|
|
var(--permissions-col, 0) -
|
|
var(--permissions-hovered-col, -1)
|
|
)
|
|
)
|
|
)
|
|
)
|
|
),
|
|
transparent
|
|
);
|
|
}
|
|
|
|
.permissions-matrix-table .permissions-matrix-group-row > .ant-table-cell {
|
|
font-weight: 600;
|
|
background-color: color-mix(
|
|
in srgb,
|
|
var(--color-text) 6%,
|
|
var(--layout-header-bg)
|
|
);
|
|
}
|
|
|
|
.permissions-matrix-table
|
|
.permissions-matrix-group-row
|
|
> .ant-table-cell.ant-table-cell-row-hover {
|
|
background: color-mix(
|
|
in srgb,
|
|
var(--color-text) 10%,
|
|
var(--layout-header-bg)
|
|
);
|
|
}
|
|
|
|
.permissions-matrix-table .ant-table-row-expand-icon,
|
|
.permissions-matrix-table .ant-table-row-indent {
|
|
display: none;
|
|
}
|
|
|
|
.permissions-matrix-expand-button.ant-btn {
|
|
width: 22px;
|
|
min-width: 22px;
|
|
height: 22px;
|
|
padding: 0;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: inherit;
|
|
}
|
|
|
|
.permissions-matrix-expand-button.ant-btn:hover,
|
|
.permissions-matrix-expand-button.ant-btn:focus,
|
|
.permissions-matrix-expand-button.ant-btn:focus-visible {
|
|
color: inherit;
|
|
}
|
|
|
|
.permissions-matrix-expand-spacer {
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 22px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.permissions-matrix-expand-icon {
|
|
font-size: 12px !important;
|
|
color: inherit;
|
|
transition: transform 0.2s ease;
|
|
}
|
|
|
|
.permissions-matrix-expand-icon-open {
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.permissions-matrix-table .ant-table-thead > tr > th {
|
|
vertical-align: bottom;
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
.permissions-matrix-table .ant-table-thead .ant-table-column-title {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: center;
|
|
height: 100%;
|
|
}
|
|
|
|
.permissions-matrix-header {
|
|
writing-mode: vertical-rl;
|
|
transform: rotate(180deg);
|
|
white-space: nowrap;
|
|
line-height: 1.2;
|
|
display: inline-block;
|
|
}
|
|
|
|
.permission-checkbox {
|
|
position: relative;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 16px;
|
|
height: 16px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
vertical-align: middle;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.permission-checkbox:disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.45;
|
|
}
|
|
|
|
.permission-checkbox:focus-visible {
|
|
outline: 2px solid var(--color-primary);
|
|
outline-offset: 2px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.permission-checkbox-face {
|
|
position: absolute;
|
|
inset: 0;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transition: opacity 0.2s ease;
|
|
}
|
|
|
|
.permission-checkbox-inherit {
|
|
border: 1.5px solid;
|
|
background: transparent;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.permission-checkbox[data-state='inherit'] .permission-checkbox-inherit,
|
|
.permission-checkbox[data-state='allow'] .permission-checkbox-allow,
|
|
.permission-checkbox[data-state='deny'] .permission-checkbox-deny,
|
|
.permission-checkbox[data-state='mixed'] .permission-checkbox-mixed {
|
|
opacity: 1;
|
|
}
|
|
|
|
.permission-checkbox-square {
|
|
width: 7px;
|
|
height: 7px;
|
|
background-color: #ffffff;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.permission-checkbox-face .anticon {
|
|
display: flex;
|
|
line-height: 0;
|
|
}
|
|
|
|
.permission-checkbox-face .anticon svg path {
|
|
stroke: currentColor;
|
|
stroke-width: 8px;
|
|
}
|
|
|
|
.dashboard-splitter.farmcontrol-splitter > .ant-splitter-bar {
|
|
margin: 0;
|
|
}
|
|
|
|
.dashboard-splitter.farmcontrol-splitter > .ant-splitter-panel {
|
|
padding: 0;
|
|
}
|
|
|
|
.dashboard-splitter.farmcontrol-splitter
|
|
> .ant-splitter-bar
|
|
.ant-splitter-bar-dragger::before {
|
|
background: transparent;
|
|
}
|
|
|
|
.dashboard-splitter.farmcontrol-splitter
|
|
> .ant-splitter-bar
|
|
.ant-splitter-bar-dragger::after {
|
|
content: none;
|
|
}
|
|
|
|
.dashboard-splitter.farmcontrol-splitter
|
|
.ant-splitter-panel.dashboard-splitter-content-panel {
|
|
flex-grow: 1 !important;
|
|
}
|
|
|
|
.dashboard-splitter.farmcontrol-splitter
|
|
.ant-splitter-panel.dashboard-splitter-sidebar-panel.is-collapsed {
|
|
flex-grow: 0 !important;
|
|
flex-shrink: 0 !important;
|
|
flex-basis: var(--dashboard-splitter-sidebar-size) !important;
|
|
width: var(--dashboard-splitter-sidebar-size) !important;
|
|
min-width: var(--dashboard-splitter-sidebar-size) !important;
|
|
max-width: var(--dashboard-splitter-sidebar-size) !important;
|
|
}
|