farmcontrol-ui/assets/stylesheets/App.css

.ant-typography,
.ant-descriptions-item-label,
.ant-descriptions-item-content,
.ant-menu-title-content,
.ant-tag,
.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 {
  font-family: 'DM Sans';
}

.ant-typography code,
.ant-typography pre {
  font-family: 'DM Mono';
}

.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;
}

.flag {
  line-height: 0.7;
}

.electron-navigation-wrapper {
  -webkit-app-region: drag;
}

.electron-navigation-wrapper li,
.electron-navigation-wrapper button,
.electron-navigation-wrapper .ant-tag {
  -webkit-app-region: no-drag;
}

.electron-navigation {
  line-height: 40px;
}

.electron-navigation .ant-menu-overflow-item-rest {
  padding-inline: 10px;
}

.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 {
  max-width: 55px !important;
  min-width: 55px !important;
}

.loading-modal .ant-modal-footer {
  display: none;
}

:root {
  --unit-100vh: 100vh;
}
@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);
  }
}

.markdown-display > .ant-space-item *:first-child {
  margin-top: 0;
}

.markdown-display > .ant-space-item *:last-child {
  margin-bottom: 0;
}

.markdown-display > .ant-space-item h1,
.markdown-display > .ant-space-item h2,
.markdown-display > .ant-space-item h3,
.markdown-display > .ant-space-item h4,
.markdown-display > .ant-space-item h5,
.markdown-display > .ant-space-item h6 {
  margin-bottom: 0.15em;
}

.iddisplay .ant-popover-inner {
  padding: 0 !important;
}

.ant-popover-inner:has(.spotlight-tooltip) {
  padding: 0 !important;
}

.ant-popover-inner:has(.keyboard-shortcut-tooltip) {
  padding: 8px !important;
}

/* --- Start of src/index.css --- */
body {
  margin: 0;
}

.ant-modal-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 {
  width: 250px; /* Adjust the width as per your preference */
  min-width: 250px; /* Ensure a minimum width to avoid collapsing */
  max-width: 400px; /* Optionally set a maximum width */
}
/* --- 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;
}

.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;
}

.ant-badge.ant-badge-status {
  line-height: 18.5px;
}