yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-10-01 11:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix the contract interal tab and beta tag styling (#22786)

Browse Source
This commit is contained in:
Ashish Gupta 2025-08-06 19:57:58 +05:30 committed by GitHub
parent d7d6a6f8b3
commit 451f1a7b06
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 45 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
openmetadata-ui/src/main/resources/ui/src/components/DataContract/ContractViewSwitchTab/contract-view-switch-tab.less
View File

@ -15,11 +15,22 @@
.contract-mode-radio-group {
border-radius: @size-xs;
border: 1px solid @border-color-7;
border: 1px solid @grey-300;
padding: 4px;
overflow: hidden;
.ant-radio-button-wrapper,
.ant-radio-button-wrapper-checked {
border: none;
&::before {
background: transparent;
}
}
.ant-radio-button-wrapper:first-child {
border-radius: @size-xs 0 0 @size-xs;
border-left: none;
}
.ant-radio-button-wrapper:last-child {
border-radius: 0 @size-xs @size-xs 0;
@ -32,4 +43,23 @@
}
}
}
.ant-radio-button-wrapper:not(:first-child)::before {
width: 2px;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
background-color: @primary-50;
&::before {
width: 1px !important;
background: @grey-300;
}
&:hover {
&::before {
background: @grey-300;
}
}
}
}

9
openmetadata-ui/src/main/resources/ui/src/components/common/TabsLabel/tabs-label.less
View File

@ -22,11 +22,14 @@
}
.service-beta-tag {
position: absolute;
top: 0px;
right: -20px;
top: 3px;
right: -22px;
sup {
height: 16px;
height: 14px;
padding: 2px 4px;
font-size: 8px;
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;

14
openmetadata-ui/src/main/resources/ui/src/styles/app.less
View File

@ -578,14 +578,16 @@ a[href].link-text-grey,
// beta tag for service page
.service-beta-tag {
border-radius: 8px;
sup {
height: auto;
padding: 0 4px;
margin-left: 2px;
font-size: 10px;
background: @primary-1;
border: 1px solid @primary-color;
color: @primary-color;
font-weight: 500;
background: @primary-50;
border: 1px solid @primary-1;
color: @primary-8;
}
}
@ -597,9 +599,9 @@ a[href].link-text-grey,
border-radius: 30px;
margin-left: 2px;
font-size: 10px;
background: @primary-1;
border: 1px solid @primary-color;
color: @primary-color;
background: @primary-50;
border: 1px solid @primary-1;
color: @primary-8;
}
}