@import './variables.scss'; .ant-tabs.tabs-overflows { overflow: visible!important; overflow-x: visible!important; overflow-y: visible!important; } .ant-tabs{ /* color: $secondary-text-color; */ color: $primary-text-color; border-top-left-radius: 4px; border-top-right-radius: 4px; } .ant-tabs.inner-tabs{ margin-top: 20px; } .ant-tabs .ant-tabs-bar{ margin-bottom: 0!important; padding-left: 3px; padding-right: 3px; background: $primary-light-background-color; /* border-radius: 25px; */ box-shadow: $base-item-shadow; border: none; border-radius: 5px; } .ant-tabs.inner-tabs .ant-tabs-nav .ant-tabs-tab{ font-weight: 700; color: $secondary-text-color; margin: 0 0px 0 0; user-select: none; @include MQ(lg) { margin: 0 32px 0 0; } } .ant-tabs-nav .ant-tabs-tab-active{ font-weight: 700!important; color: var(--primary-color)!important; } /* .ant-tabs-large .ant-tabs-bar{ background: #fff; font-size: 14px; font-weight: 700; border:none; box-shadow: 0 6px 8px rgba(102, 119, 136, .03), 0 1px 2px rgba(102, 119, 136, .3); } */ .ant-tabs .ant-tabs-ink-bar { bottom: 4px; background-color: $secondary-dark-background-color; height: 39px; border-radius: 2px; /* border-radius: 20px; */ } .ant-tabs-large .ant-tabs-ink-bar { height: 38px; bottom: 9px; border-radius: 2px; } .ant-tabs .ant-tabs-extra-content{ line-height: 45px; } .ant-tabs .ant-tabs-nav > div:not(.ant-tabs-ink-bar){ position: relative; z-index: 2; } .ant-tabs .ant-badge{ margin-left: 5px; } .ant-tabs .ant-badge .ant-badge-count{ top: -1px!important; background: $primary-light-background-color; color: $primary-color; border: 1px solid $secondary-light-background-color; } .ant-tabs .ant-badge .ant-badge-count p{ font-size: 12px; font-weight: 500; line-height: 20px; } .card-container > .ant-tabs-card > .ant-tabs-content { /*border: 1px solid #e8e8e8; border-top: none;*/ border: none; box-shadow: $base-item-shadow; } .card-container > .ant-tabs-card .ant-table-tbody{ box-shadow: none; /* border-bottom: 2px solid $primary-background-color; */ } .card-container > .ant-tabs-card .ant-table-placeholder{ box-shadow: none; border: none; } .card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane { background: $primary-light-background-color; /* background: $primary-background-color; */ padding: 0px 0px 0 0px; } .card-container > .ant-tabs-card .ant-tabs-extra-content{ line-height: normal; } .card-container > .ant-tabs-card > .ant-tabs-bar { border-color: #fff; background: transparent; padding-left: 0; padding-right: 0; box-shadow: none; } .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab { border-color: transparent; background: transparent; } .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active { border-color: $primary-light-background-color; background: $primary-light-background-color; } .ant-tabs-editable-card.ant-tabs .ant-tabs-bar{ background: transparent; padding-left: 16px; padding-right: 16px; } .ant-tabs-editable-card.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab{ background: #dee3ea; } .ant-tabs-editable-card.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active{ padding-bottom: 0; background: $primary-light-background-color; } .tab-group.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){ background: #e6eaff; border-color: $primary-color; color: $primary-color; } .tab-group .ant-radio-button-wrapper:first-child{ border-radius: 15px 0 0 15px; } .tab-group .ant-radio-button-wrapper:last-child{ border-radius: 0px 15px 15px 0; } .ant-tabs.tabs-form .ant-tabs-content{ background: $primary-background-color; }