kubernetes
/
website
mirror of https://github.com/kubernetes/website.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Improve "look and feel" of tabs to make it clearer where they start/end (#26828) 

* improve "look and feel" of tabs to make it clearer where they start/end

* add border-radius to tab-pane

* remove the .td-content .hightlight margin when inside the tab-content
pull/27250/head
Henry Liu 2021-03-27 16:50:43 +08:00 committed by GitHub
parent 51aa022352
commit 2c530c295a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
assets/scss/_base.scss
View File

@ -869,3 +869,22 @@ body.td-documentation {
display: none;
}
}
// nav-tabs and tab-content
.nav-tabs {
border-bottom: none !important;
}
.td-content .tab-content .highlight {
margin: 0;
}
.tab-pane {
border-radius: 0.25rem;
padding: 0 16px 16px;
border: 1px solid #dee2e6;
&:first-of-type.active {
border-top-left-radius: 0;
}
}