diff --git a/Step/wwwroot/assets/styles/base/tooling.less b/Step/wwwroot/assets/styles/base/tooling.less index c1f9f533..2a369cca 100644 --- a/Step/wwwroot/assets/styles/base/tooling.less +++ b/Step/wwwroot/assets/styles/base/tooling.less @@ -30,7 +30,7 @@ margin-bottom:19px; } .tooling-boxbody{ - width: calc(~'100% - 160px'); + width: 100%; height: calc(~'100% - 65px'); top: 65px; background-color: @color-silver; @@ -38,15 +38,22 @@ box-shadow: 0 1px 2px 0 @color-black-40; display: flex; flex-flow: column; - padding: 0 80px; .list-top, .list-bottom{ display: flex; align-items: center; - width: 100%; - height: 90%; + height: 100%; margin-bottom: 10px; overflow-y: hidden; overflow-x: auto; + padding-left: 80px; + } + .divider{ + width: 1480px; + height: 4px; + background-color: #d8d8d8; + border: solid 1px #979797; + margin-left: 12px; + } } } diff --git a/Step/wwwroot/assets/styles/style.css b/Step/wwwroot/assets/styles/style.css index 221fe897..62b7a69d 100644 --- a/Step/wwwroot/assets/styles/style.css +++ b/Step/wwwroot/assets/styles/style.css @@ -2618,7 +2618,7 @@ footer .container button.big:before { margin-bottom: 19px; } .tooling-container .tooling-box .tooling-boxbody { - width: calc(100% - 160px); + width: 100%; height: calc(100% - 65px); top: 65px; background-color: #bbbcbc; @@ -2626,17 +2626,23 @@ footer .container button.big:before { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); display: flex; flex-flow: column; - padding: 0 80px; } .tooling-container .tooling-box .tooling-boxbody .list-top, .tooling-container .tooling-box .tooling-boxbody .list-bottom { display: flex; align-items: center; - width: 100%; - height: 90%; + height: 100%; margin-bottom: 10px; overflow-y: hidden; overflow-x: auto; + padding-left: 80px; +} +.tooling-container .tooling-box .tooling-boxbody .divider { + width: 1480px; + height: 4px; + background-color: #d8d8d8; + border: solid 1px #979797; + margin-left: 12px; } .tool { width: 360px; diff --git a/Step/wwwroot/src/components/tooling.vue b/Step/wwwroot/src/components/tooling.vue index 1e9810bf..32220177 100644 --- a/Step/wwwroot/src/components/tooling.vue +++ b/Step/wwwroot/src/components/tooling.vue @@ -2,9 +2,6 @@
- - - {{'tooling_title_label' | localize("Tool-Manager")}}
@@ -12,6 +9,8 @@
+
+