.rc-tabs-dropdown { position: absolute; background: #fefefe; border: 1px solid black; max-height: 200px; overflow: auto; } .rc-tabs-dropdown-hidden { display: none; } .rc-tabs-dropdown-menu { margin: 0; padding: 0; list-style: none; } .rc-tabs-dropdown-menu-item { padding: 4px 8px; } .rc-tabs-dropdown-menu-item-selected { background: red; } .rc-tabs-dropdown-menu-item-disabled { opacity: 0.3; cursor: not-allowed; } .rc-tabs-content { position: relative; width: 100%; } .rc-tabs-content-holder { flex: auto; } .rc-tabs-tabpane-hidden { display: none; } .rc-tabs { display: flex; } .rc-tabs-top, .rc-tabs-bottom { flex-direction: column; } .rc-tabs-top .rc-tabs-ink-bar, .rc-tabs-bottom .rc-tabs-ink-bar { height: 3px; } .rc-tabs-top .rc-tabs-ink-bar { bottom: 0; } .rc-tabs-bottom .rc-tabs-nav { order: 1; } .rc-tabs-bottom .rc-tabs-content { order: 0; } .rc-tabs-bottom .rc-tabs-ink-bar { top: 0; } .rc-tabs-left.rc-tabs-editable .rc-tabs-tab, .rc-tabs-right.rc-tabs-editable .rc-tabs-tab { padding-right: 32px; } .rc-tabs-left .rc-tabs-nav-wrap, .rc-tabs-right .rc-tabs-nav-wrap { flex-direction: column; } .rc-tabs-left .rc-tabs-ink-bar, .rc-tabs-right .rc-tabs-ink-bar { width: 3px; } .rc-tabs-left .rc-tabs-nav, .rc-tabs-right .rc-tabs-nav { flex-direction: column; min-width: 50px; } .rc-tabs-left .rc-tabs-nav-list, .rc-tabs-right .rc-tabs-nav-list, .rc-tabs-left .rc-tabs-nav-operations, .rc-tabs-right .rc-tabs-nav-operations { flex: 1 0 auto; flex-direction: column; } .rc-tabs-left .rc-tabs-ink-bar { right: 0; } .rc-tabs-right .rc-tabs-nav { order: 1; } .rc-tabs-right .rc-tabs-content { order: 0; } .rc-tabs-right .rc-tabs-ink-bar { left: 0; } .rc-tabs-rtl { direction: rtl; } .rc-tabs-dropdown-rtl { direction: rtl; } .rc-tabs { border: 1px solid gray; font-size: 14px; overflow: hidden; } .rc-tabs-nav { display: flex; flex: none; position: relative; } .rc-tabs-nav-measure, .rc-tabs-nav-wrap { transform: translate(0); position: relative; display: inline-block; flex: auto; white-space: nowrap; overflow: hidden; display: flex; } .rc-tabs-nav-measure-ping-left::before, .rc-tabs-nav-wrap-ping-left::before, .rc-tabs-nav-measure-ping-right::after, .rc-tabs-nav-wrap-ping-right::after { content: ''; position: absolute; top: 0; bottom: 0; } .rc-tabs-nav-measure-ping-left::before, .rc-tabs-nav-wrap-ping-left::before { left: 0; border-left: 1px solid red; } .rc-tabs-nav-measure-ping-right::after, .rc-tabs-nav-wrap-ping-right::after { right: 0; border-right: 1px solid red; } .rc-tabs-nav-measure-ping-top::before, .rc-tabs-nav-wrap-ping-top::before, .rc-tabs-nav-measure-ping-bottom::after, .rc-tabs-nav-wrap-ping-bottom::after { content: ''; position: absolute; left: 0; right: 0; } .rc-tabs-nav-measure-ping-top::before, .rc-tabs-nav-wrap-ping-top::before { top: 0; border-top: 1px solid red; } .rc-tabs-nav-measure-ping-bottom::after, .rc-tabs-nav-wrap-ping-bottom::after { bottom: 0; border-top: 1px solid red; } .rc-tabs-nav-list { display: flex; position: relative; transition: transform 0.3s; } .rc-tabs-nav-operations { display: flex; } .rc-tabs-nav-operations-hidden { position: absolute; visibility: hidden; pointer-events: none; } .rc-tabs-nav-more { border: 1px solid blue; background: rgba(255, 0, 0, 0.1); } .rc-tabs-nav-add { border: 1px solid green; background: rgba(0, 255, 0, 0.1); } .rc-tabs-tab { border: 0; font-size: 20px; background: rgba(255, 255, 255, 0.5); margin: 0; display: flex; outline: none; cursor: pointer; position: relative; font-weight: lighter; align-items: center; } .rc-tabs-tab-btn, .rc-tabs-tab-remove { border: 0; background: transparent; } .rc-tabs-tab-btn { font-weight: inherit; line-height: 32px; } .rc-tabs-tab-remove:hover { color: red; } .rc-tabs-tab-active { font-weight: bolder; } .rc-tabs-ink-bar { position: absolute; background: red; pointer-events: none; } .rc-tabs-ink-bar-animated { transition: all 0.3s; } .rc-tabs-extra-content { flex: none; }