From 021978494010df2a4258845b2ada19967869afd1 Mon Sep 17 00:00:00 2001 From: Vasyl Razinkov Date: Fri, 26 Mar 2021 13:44:55 +0000 Subject: Revert "Fix 46 CRITICAL BUGs" This reverts commit eb57d1efc197968a4073b331b2dc8f40d8109847. Reason for revert: some UI components are broken Change-Id: I533a827e9913250d5cb29ed2cc4736fd8c57a8e5 Signed-off-by: Vasyl Razinkov Issue-ID: SDC-3529 --- .../app/ng2/components/ui/tabs/tabs.component.less | 117 ++++++++++----------- 1 file changed, 58 insertions(+), 59 deletions(-) (limited to 'catalog-ui/src/app/ng2/components/ui/tabs/tabs.component.less') diff --git a/catalog-ui/src/app/ng2/components/ui/tabs/tabs.component.less b/catalog-ui/src/app/ng2/components/ui/tabs/tabs.component.less index 8f666bd2a5..f7b18b1cc8 100644 --- a/catalog-ui/src/app/ng2/components/ui/tabs/tabs.component.less +++ b/catalog-ui/src/app/ng2/components/ui/tabs/tabs.component.less @@ -1,86 +1,85 @@ @import '../../../../../assets/styles/variables'; -.tab { - height: 100%; +tab { + height: 100%; } .tabs { - display: flex; - flex: 0 0 auto; - flex-direction: row; + display:flex; + flex: 0 0 auto; + flex-direction:row; } .tab { - flex: 1 0 auto; - cursor: pointer; - padding: .5em; + flex: 1 0 auto; + cursor: pointer; + padding: .5em; } .tab-content-container { - flex: 1; - width: 100%; - overflow-y: hidden; - overflow-x: hidden; + flex: 1; + width:100%; + overflow-y:hidden; + overflow-x:hidden; } .tab-content { - height: 100%; + height:100%; } /*Tab styles*/ -.tabs { - &.round-tabs .tab { - background-color: #f8f8f8; - color: #959595; - border: solid 1px #d2d2d2; - border-bottom: none; - border-left: none; - position: relative; +.tabs{ + &.round-tabs .tab{ + background-color: #f8f8f8; + color: #959595; + border: solid 1px #d2d2d2; + border-bottom:none; + border-left:none; + position:relative; - &:first-child { - border-left: solid 1px #d2d2d2; - } + &:first-child { + border-left:solid 1px #d2d2d2; + } - &.active { - background-color: #009fdb; - color: #e9e9e9; - border-color: #009fdb; - } + &.active { + background-color:#009fdb; + color:#e9e9e9; + border-color:#009fdb; + } - .tab-indication { - position: absolute; - top: -10px; - background-color: #009fdb; - right: 10px; - padding: 2px 0; - border-radius: 15px; - border: solid 1px #d2d2d2; - color: white; - width: 25px; - height: 25px; - text-align: center; + .tab-indication { + position: absolute; + top: -10px; + background-color: #009fdb; + right: 10px; + padding: 2px 0; + border-radius: 15px; + border: solid 1px #d2d2d2; + color:white; + width: 25px; + height: 25px; + text-align: center; + } } - } - - &.simple-tabs .tab { - font-size: 12px; - color: @main_color_n; - &:after { - display: block; - content: ''; - border-bottom: 2px solid @main_color_a; - transform: scaleX(0); - transition: transform 200ms ease-in-out; - } + &.simple-tabs .tab { + font-size: 12px; + color: @main_color_n; - &.active { - color: @main_color_a; + &:after { + display:block; + content: ''; + border-bottom: 2px solid @main_color_a; + transform: scaleX(0); + transition: transform 200ms ease-in-out; + } - &:after { - transform: scaleX(1.2); - } + &.active { + color: @main_color_a; + &:after { + transform: scaleX(1.2); + } + } } - } } -- cgit 1.2.3-korg