diff --git a/Step/wwwroot/assets/styles/base/tooling-equipment.less b/Step/wwwroot/assets/styles/base/tooling-equipment.less index 26aa2e25..d2c69310 100644 --- a/Step/wwwroot/assets/styles/base/tooling-equipment.less +++ b/Step/wwwroot/assets/styles/base/tooling-equipment.less @@ -105,9 +105,13 @@ } } .box-right{ - width: 1320px; + width: 1320px; height: 100%; background-color: @color-white4; + box-shadow: none; + &.selected{ + box-shadow: inset 0px 0px 0px 2px rgba(23, 145, 255, 1.0); + } button.deleteElement{ float: right; width: 48px; @@ -191,6 +195,12 @@ } } +.tab-box-right{ + border-bottom: 2px solid #f3f3f3; + &.avoid-clicks{ + border-bottom: 2px solid rgba(23, 145, 255, 1.0); + } +} .tooling-families-container .tab-box-right, .tooling-shanks-container .tab-box-right, .tooling-equipment-container .tab-box-right{ height: 81px; @@ -290,7 +300,7 @@ left:0; right: 0; bottom: 0; - background: rgba(255,255,255,0.5); + background: rgba(255,255,255,0.7); } } diff --git a/Step/wwwroot/assets/styles/style.css b/Step/wwwroot/assets/styles/style.css index 0d1beeb6..0d6b6ae0 100644 --- a/Step/wwwroot/assets/styles/style.css +++ b/Step/wwwroot/assets/styles/style.css @@ -5047,6 +5047,25 @@ footer .container button.big:before { width: 1320px; height: 100%; background-color: #f3f3f3; + box-shadow: none; +} +.tooling-equipment-container .tooling-equipment-box .body .box-right.selected, +.tooling-families-container .tooling-equipment-box .body .box-right.selected, +.tooling-shanks-container .tooling-equipment-box .body .box-right.selected, +.tooling-magpos-container .tooling-equipment-box .body .box-right.selected, +.tooling-equipment-container .tooling-families-box .body .box-right.selected, +.tooling-families-container .tooling-families-box .body .box-right.selected, +.tooling-shanks-container .tooling-families-box .body .box-right.selected, +.tooling-magpos-container .tooling-families-box .body .box-right.selected, +.tooling-equipment-container .tooling-shanks-box .body .box-right.selected, +.tooling-families-container .tooling-shanks-box .body .box-right.selected, +.tooling-shanks-container .tooling-shanks-box .body .box-right.selected, +.tooling-magpos-container .tooling-shanks-box .body .box-right.selected, +.tooling-equipment-container .tooling-magpos-box .body .box-right.selected, +.tooling-families-container .tooling-magpos-box .body .box-right.selected, +.tooling-shanks-container .tooling-magpos-box .body .box-right.selected, +.tooling-magpos-container .tooling-magpos-box .body .box-right.selected { + box-shadow: inset 0px 0px 0px 2px #1791ff; } .tooling-equipment-container .tooling-equipment-box .body .box-right button.deleteElement, .tooling-families-container .tooling-equipment-box .body .box-right button.deleteElement, @@ -6814,6 +6833,12 @@ footer .container button.big:before { .tooling-magpos-container .text-body div + div { margin-top: 11px; } +.tab-box-right { + border-bottom: 2px solid #f3f3f3; +} +.tab-box-right.avoid-clicks { + border-bottom: 2px solid #1791ff; +} .tooling-families-container .tab-box-right, .tooling-shanks-container .tab-box-right, .tooling-equipment-container .tab-box-right { @@ -6959,7 +6984,7 @@ footer .container button.big:before { left: 0; right: 0; bottom: 0; - background: rgba(255, 255, 255, 0.5); + background: rgba(255, 255, 255, 0.7); } .info-equipment-container { height: 100%; diff --git a/Step/wwwroot/src/components/tooling-equipment.vue b/Step/wwwroot/src/components/tooling-equipment.vue index 86278a50..f06cf46f 100644 --- a/Step/wwwroot/src/components/tooling-equipment.vue +++ b/Step/wwwroot/src/components/tooling-equipment.vue @@ -29,7 +29,7 @@
-