diff --git a/app/assets/javascripts/repo/components/repo_tabs.vue b/app/assets/javascripts/repo/components/repo_tabs.vue index 89ae1d3a7a8184acf0de0db0d4c0bd2cce320e1e..673f19acba2ac8fb94356b4dc67c986364a578b7 100644 --- a/app/assets/javascripts/repo/components/repo_tabs.vue +++ b/app/assets/javascripts/repo/components/repo_tabs.vue @@ -38,5 +38,6 @@ export default RepoTabs; diff --git a/app/assets/stylesheets/pages/repo.scss b/app/assets/stylesheets/pages/repo.scss index a56f3419bbc84db1ac68dccfda53f7aea5176365..7277ad65f7ac12d21fa69579dfcebdd171aa9188 100644 --- a/app/assets/stylesheets/pages/repo.scss +++ b/app/assets/stylesheets/pages/repo.scss @@ -99,10 +99,9 @@ } #tabs { - border-bottom: 1px solid $white-normal; padding-left: 0; margin-bottom: 0; - display: block; + display: flex; white-space: nowrap; width: 100%; overflow-y: hidden; @@ -116,9 +115,9 @@ background: $gray-normal; display: inline-block; padding: 10px 18px; - border-right: 1px solid $border-color; + border-right: 1px solid $white-normal; + border-bottom: 1px solid $white-normal; white-space: nowrap; - border-radius: 3px 3px 0 0; &.remove { animation: swipeRightDissapear ease-in 0.1s; @@ -132,6 +131,7 @@ &.active { background: $white-light; + border-bottom: none; } a { @@ -161,6 +161,13 @@ i.fa.fa-circle { color: $brand-success; } + + &.tabs-divider { + width: 100%; + background-color: $white-light; + border-right: none; + border-top-right-radius: 2px; + } } }