diff --git a/less/button.less b/less/button.less index e6c66a5caba..5a77ef193ad 100644 --- a/less/button.less +++ b/less/button.less @@ -58,7 +58,7 @@ span.browserButton, font-size: 0px; width: 24px; height: 100%; - opacity: 0.65; + opacity: 0.5; background: url('../img/icon_new_frame.svg') 50% 20% scroll / 20px no-repeat; &:hover { opacity: 0.8; diff --git a/less/tabs.less b/less/tabs.less index 32b115fedba..a14851af876 100644 --- a/less/tabs.less +++ b/less/tabs.less @@ -12,7 +12,6 @@ overflow: auto; padding: 0 4px 0 0; height: @tabsToolbarHeight; - margin-top: 2px; position: relative; white-space: nowrap; z-index: @zindexTabs; @@ -43,15 +42,14 @@ } .tab { - // background: rgba(222, 222, 222, 0.6); - background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1)); + background: rgba(222, 222, 222, 0.6); border-radius: @borderRadiusTabs @borderRadiusTabs 0px 0px; border-width: 1px 1px 0; box-sizing: border-box; color: #3B3B3B; display: flex; height: 22px; - margin-top: 2px; + margin: 0; transition: transform 200ms ease; left: 0; opacity: 1.0; @@ -59,7 +57,7 @@ width: 100%; align-items: center; justify-content: center; - border: 1px solid rgba(0, 0, 0, 0.0); + border: 1px solid @chromeTertiary; border-bottom: 1px; .tabTitle { @@ -117,7 +115,7 @@ &.active { background: linear-gradient(to bottom, white, @chromePrimary, ); height: 24px; - margin-top: 1px; + margin-top: -1px; box-shadow: inset 1px 1px 2px 0px white; box-shadow: 0px -1px 4px 0px rgba(51, 51, 51, 0.12); border: 1px solid #bbb; @@ -143,7 +141,7 @@ } &:not(.active):hover { - background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(250, 250, 250, 0.4), ); + background: linear-gradient(to bottom, white, @chromePrimary); &.private { background: lighten(@privateTabBackground, 20%); } @@ -178,7 +176,7 @@ .tabArea { box-sizing: border-box; display: inline-block; - padding: 0 4px 0 0; + padding: 0 2px 0 0; position: relative; vertical-align: top; overflow: hidden; @@ -244,7 +242,6 @@ background: @tabsBackground; display: flex; height: @tabsToolbarHeight; -// margin-top: 2px; -webkit-user-select: none; } @@ -253,7 +250,7 @@ padding-right: 2px; .browserButton { display: inline-block; - line-height: 26px; + line-height: 20px; } } @@ -273,12 +270,11 @@ } &.singlePage { - height: 1px; + height: 3px; } >div { display: flex -// margin-top: 4px; } } @@ -290,7 +286,6 @@ box-sizing: border-box; display: inline-block; margin: auto 2.5px; - margin-top: 3px; height: 6px; width: 36px; vertical-align: middle; @@ -318,7 +313,7 @@ color: #a0a0a0; font-size: 21px !important; height: 20px; - line-height: 19px !important; + line-height: 17px !important; text-align: center; vertical-align: top; margin-top: 2px; @@ -351,7 +346,6 @@ .pinnedTabs { margin-left: 9px; - margin-top: 2px; } .segmentedControl { diff --git a/less/variables.less b/less/variables.less index fce89a7897e..ee89078ad5f 100644 --- a/less/variables.less +++ b/less/variables.less @@ -64,8 +64,8 @@ @navbarHeight: 36px; @downloadsBarHeight: 50px; -@tabsToolbarHeight: 26px; -@tabPagesHeight: 9px; +@tabsToolbarHeight: 23px; +@tabPagesHeight: 12px; @bookmarksToolbarHeight: 24px; @bookmarksToolbarWithFaviconsHeight: 28px; @bookmarksFileIconSize: 13px; diff --git a/less/window.less b/less/window.less index 12bab30693a..d3e4af6b472 100644 --- a/less/window.less +++ b/less/window.less @@ -47,7 +47,7 @@ html, } .top { - background: linear-gradient(to bottom, #fbfbfb, #ededed, ); + background: linear-gradient(to bottom, white, @chromeSecondary, ); } .mainContainer {