diff --git a/src/resources/assets/css/common.less b/src/resources/assets/css/common.less index 18036cd5e00e13c6ebfbd8d6e838328c4306164f..3201b59443846c2ce83b0c19773a41598d22e5f5 100644 --- a/src/resources/assets/css/common.less +++ b/src/resources/assets/css/common.less @@ -612,6 +612,27 @@ html { } } } + &.border-tabs { + > .@{iv-prev}tabs-bar { + margin-bottom: 0px; + .@{iv-prev}tabs-tab { + border: 1px solid; + line-height: 32px; + height: 32px; + margin-right: 4px; + border-top-left-radius: @item-border-radius; + border-top-right-radius: @item-border-radius; + padding: 0px @space-normal; + } + .@{iv-prev}tabs-ink-bar { + display: none; + } + } + .@{iv-prev}tabs-content { + border-radius: @block-border-radius; + border-top-left-radius: 0px; + } + } &.@{iv-prev}tabs-card { > .@{iv-prev}tabs-bar { diff --git a/src/resources/assets/css/theme.less b/src/resources/assets/css/theme.less index 4d5f11d6c636ca6a702b9a1440d16f8f19c21cf4..5b3fc45e98b037b0d949679020539dba0ddd20f9 100644 --- a/src/resources/assets/css/theme.less +++ b/src/resources/assets/css/theme.less @@ -1383,6 +1383,9 @@ background-color: var(--primary-grey, @primary-grey); } + .bg-stripe { + background-color: @table-stripe-color; + } .item-selected { background-color: var(--primary-grey, @primary-grey); color: var(--primary-color, @primary-color); @@ -3448,6 +3451,31 @@ // background: @op-color; } } + &.border-tabs { + > .ivu-tabs-bar { + .ivu-tabs-tab { + background-color: @tab-bar-bg; + color: @title-color; + border-color: var(--border-color, @border-color-base); + + &.ivu-tabs-tab-active { + background-color: @op-color; + color: var(--primary-color, @primary-color); + border-color: var(--border-color, @border-color-base) !important; + } + } + } + + .ivu-tabs-nav-container { + margin-top: 0px; + margin-bottom: 0px; + } + + .ivu-tabs-content { + background-color: @op-color; + border: 1px solid var(--border-color, @border-color-base); + } + } &.block-span { > .ivu-tabs-bar { @@ -3621,6 +3649,7 @@ .@{iv-prev}collapse { background-color: @table-stripe-color; + border-color: var(--border-color, @border-color-base); } .@{iv-prev}collapse-simple { background-color: transparent;