From fce0dd98f960bf1b8c8b8313432b6db196b4ae1e Mon Sep 17 00:00:00 2001 From: Mark Drake Date: Thu, 27 Sep 2018 13:34:20 -0400 Subject: [PATCH] minimal changes to class nav-tabs styling --- src/Umbraco.Web.UI.Client/src/less/navs.less | 11 ++--------- src/Umbraco.Web.UI.Client/src/less/panel.less | 4 +++- 2 files changed, 5 insertions(+), 10 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/less/navs.less b/src/Umbraco.Web.UI.Client/src/less/navs.less index 0a8c6913e8..329281c0b0 100644 --- a/src/Umbraco.Web.UI.Client/src/less/navs.less +++ b/src/Umbraco.Web.UI.Client/src/less/navs.less @@ -119,13 +119,8 @@ // TABS // ---- -// Give the tabs something to sit on -.nav-tabs { - border-bottom: 1px solid @purple-l3; -} // Make the list-items overlay the bottom border .nav-tabs > li { - margin-bottom: -1px; &.dropdown { margin-bottom: -3px; @@ -137,11 +132,13 @@ } // Actual tabs (as links) .nav-tabs > li > a { + position: relative; color: @gray-3; padding-top: 5px; padding-bottom: 4px; line-height: @baseLineHeight; border: 1px solid transparent; + transform: translateY(1px); &:hover { color: @black; @@ -183,10 +180,6 @@ .show-validation .nav-tabs > li.active.error > a:focus { } -.umb-nav-tabs { - margin: -8px 0 0 0; -} - // PILLS // ----- diff --git a/src/Umbraco.Web.UI.Client/src/less/panel.less b/src/Umbraco.Web.UI.Client/src/less/panel.less index 8005d37ba8..48e28e7ed3 100644 --- a/src/Umbraco.Web.UI.Client/src/less/panel.less +++ b/src/Umbraco.Web.UI.Client/src/less/panel.less @@ -358,6 +358,7 @@ flex-direction: column; height: 99px; padding: 0 20px; + overflow-y: hidden; } .umb-panel-header-content { @@ -436,7 +437,8 @@ } .umb-panel-header .umb-nav-tabs { - bottom: -1px; + bottom: 0; + margin: 0; } input.umb-panel-header-name-input {