diff --git a/Step/wwwroot/assets/styles/base/tooling-equipment.less b/Step/wwwroot/assets/styles/base/tooling-equipment.less index 33063540..ca8b9fd3 100644 --- a/Step/wwwroot/assets/styles/base/tooling-equipment.less +++ b/Step/wwwroot/assets/styles/base/tooling-equipment.less @@ -28,7 +28,7 @@ } .body{ width: 100%; - height: calc(~'100% - 161px'); + height: calc(~'100% - 83px'); border-radius:2px; background-color: @color-silver; display: flex; @@ -85,7 +85,6 @@ margin-bottom: 16px; } .footer{ - height: calc(~'100% - 646px'); display: flex; align-items: center; justify-content: center; @@ -105,15 +104,14 @@ } } .box-right{ - width: 1320px; + width: 1320px; height: 100%; background-color: @color-white4; - button{ + button.deleteElement{ float: right; width: 48px; height: 48px; padding: 0; - margin-top: 24px; margin-right: 16px; .fa{ width: 21px; @@ -131,7 +129,8 @@ } .list-skill-equipment, .list-skill-families, .list-skill-shanks, .list-skill-magpos { width: 99%; - height: calc(~'100% - 102px'); + height: calc(~'100% - 120px'); + margin-bottom: 12px; // display: flex; // flex-wrap: wrap; // align-items: center; @@ -155,20 +154,32 @@ } } } - } - } - .tooling-equipment-footer, .tooling-families-footer, .tooling-shanks-footer, .tooling-magpos-footer{ - height:80px; - float: right; - display: flex; - align-items: center; - button.blue-reverse{ - background-image: linear-gradient(to bottom,@color-nice-blue,@color-darkish-blue); - color: @color-background-white; - font-size: 18px; - font-weight: 600; - } + .list-skill-magpos{ + height: calc(~'100% - 190px'); + } + .tooling-magpos-footer{ + height:80px; + float: right; + display: flex; + align-items: center; + button.blue-reverse{ + background-image: linear-gradient(to bottom,@color-nice-blue,@color-darkish-blue); + color: @color-background-white; + font-size: 18px; + font-weight: 600; + } + button.blue-reverse:disabled{ + background-color: @color-darkish-blue-two; + color: @color-white3; + background-image: none; + } + } + + } + + } + } } @@ -211,7 +222,7 @@ position: absolute; top: calc(~'50% - 24px'); margin-left: 20px; - + padding: 0; .fa { vertical-align: middle; font-size: 21px; @@ -242,8 +253,25 @@ } .tooling-families-container .box-right .box-right-body, .tooling-shanks-container .box-right .box-right-body, .tooling-equipment-container .box-right .box-right-body{ - height: calc(~'100% - 81px'); + height: calc(~'100% - 136px'); button{ margin-top: -30px !important; } + .tooling-equipment-footer, .tooling-families-footer, .tooling-shanks-footer{ + height:80px; + float: right; + display: flex; + align-items: center; + button.blue-reverse{ + background-image: linear-gradient(to bottom,@color-nice-blue,@color-darkish-blue); + color: @color-background-white; + font-size: 18px; + font-weight: 600; + } + button.blue-reverse:disabled{ + background-color: @color-darkish-blue-two; + color: @color-white3; + background-image: none; + } + } } diff --git a/Step/wwwroot/assets/styles/style.css b/Step/wwwroot/assets/styles/style.css index f2af1c36..113d7fa5 100644 --- a/Step/wwwroot/assets/styles/style.css +++ b/Step/wwwroot/assets/styles/style.css @@ -4690,7 +4690,7 @@ footer .container button.big:before { .tooling-shanks-container .tooling-magpos-box .body, .tooling-magpos-container .tooling-magpos-box .body { width: 100%; - height: calc(100% - 161px); + height: calc(100% - 83px); border-radius: 2px; background-color: #bbbcbc; display: flex; @@ -4869,7 +4869,6 @@ footer .container button.big:before { .tooling-families-container .tooling-magpos-box .body .list-left .footer, .tooling-shanks-container .tooling-magpos-box .body .list-left .footer, .tooling-magpos-container .tooling-magpos-box .body .list-left .footer { - height: calc(100% - 646px); display: flex; align-items: center; justify-content: center; @@ -4937,45 +4936,44 @@ footer .container button.big:before { height: 100%; background-color: #f3f3f3; } -.tooling-equipment-container .tooling-equipment-box .body .box-right button, -.tooling-families-container .tooling-equipment-box .body .box-right button, -.tooling-shanks-container .tooling-equipment-box .body .box-right button, -.tooling-magpos-container .tooling-equipment-box .body .box-right button, -.tooling-equipment-container .tooling-families-box .body .box-right button, -.tooling-families-container .tooling-families-box .body .box-right button, -.tooling-shanks-container .tooling-families-box .body .box-right button, -.tooling-magpos-container .tooling-families-box .body .box-right button, -.tooling-equipment-container .tooling-shanks-box .body .box-right button, -.tooling-families-container .tooling-shanks-box .body .box-right button, -.tooling-shanks-container .tooling-shanks-box .body .box-right button, -.tooling-magpos-container .tooling-shanks-box .body .box-right button, -.tooling-equipment-container .tooling-magpos-box .body .box-right button, -.tooling-families-container .tooling-magpos-box .body .box-right button, -.tooling-shanks-container .tooling-magpos-box .body .box-right button, -.tooling-magpos-container .tooling-magpos-box .body .box-right button { +.tooling-equipment-container .tooling-equipment-box .body .box-right button.deleteElement, +.tooling-families-container .tooling-equipment-box .body .box-right button.deleteElement, +.tooling-shanks-container .tooling-equipment-box .body .box-right button.deleteElement, +.tooling-magpos-container .tooling-equipment-box .body .box-right button.deleteElement, +.tooling-equipment-container .tooling-families-box .body .box-right button.deleteElement, +.tooling-families-container .tooling-families-box .body .box-right button.deleteElement, +.tooling-shanks-container .tooling-families-box .body .box-right button.deleteElement, +.tooling-magpos-container .tooling-families-box .body .box-right button.deleteElement, +.tooling-equipment-container .tooling-shanks-box .body .box-right button.deleteElement, +.tooling-families-container .tooling-shanks-box .body .box-right button.deleteElement, +.tooling-shanks-container .tooling-shanks-box .body .box-right button.deleteElement, +.tooling-magpos-container .tooling-shanks-box .body .box-right button.deleteElement, +.tooling-equipment-container .tooling-magpos-box .body .box-right button.deleteElement, +.tooling-families-container .tooling-magpos-box .body .box-right button.deleteElement, +.tooling-shanks-container .tooling-magpos-box .body .box-right button.deleteElement, +.tooling-magpos-container .tooling-magpos-box .body .box-right button.deleteElement { float: right; width: 48px; height: 48px; padding: 0; - margin-top: 24px; margin-right: 16px; } -.tooling-equipment-container .tooling-equipment-box .body .box-right button .fa, -.tooling-families-container .tooling-equipment-box .body .box-right button .fa, -.tooling-shanks-container .tooling-equipment-box .body .box-right button .fa, -.tooling-magpos-container .tooling-equipment-box .body .box-right button .fa, -.tooling-equipment-container .tooling-families-box .body .box-right button .fa, -.tooling-families-container .tooling-families-box .body .box-right button .fa, -.tooling-shanks-container .tooling-families-box .body .box-right button .fa, -.tooling-magpos-container .tooling-families-box .body .box-right button .fa, -.tooling-equipment-container .tooling-shanks-box .body .box-right button .fa, -.tooling-families-container .tooling-shanks-box .body .box-right button .fa, -.tooling-shanks-container .tooling-shanks-box .body .box-right button .fa, -.tooling-magpos-container .tooling-shanks-box .body .box-right button .fa, -.tooling-equipment-container .tooling-magpos-box .body .box-right button .fa, -.tooling-families-container .tooling-magpos-box .body .box-right button .fa, -.tooling-shanks-container .tooling-magpos-box .body .box-right button .fa, -.tooling-magpos-container .tooling-magpos-box .body .box-right button .fa { +.tooling-equipment-container .tooling-equipment-box .body .box-right button.deleteElement .fa, +.tooling-families-container .tooling-equipment-box .body .box-right button.deleteElement .fa, +.tooling-shanks-container .tooling-equipment-box .body .box-right button.deleteElement .fa, +.tooling-magpos-container .tooling-equipment-box .body .box-right button.deleteElement .fa, +.tooling-equipment-container .tooling-families-box .body .box-right button.deleteElement .fa, +.tooling-families-container .tooling-families-box .body .box-right button.deleteElement .fa, +.tooling-shanks-container .tooling-families-box .body .box-right button.deleteElement .fa, +.tooling-magpos-container .tooling-families-box .body .box-right button.deleteElement .fa, +.tooling-equipment-container .tooling-shanks-box .body .box-right button.deleteElement .fa, +.tooling-families-container .tooling-shanks-box .body .box-right button.deleteElement .fa, +.tooling-shanks-container .tooling-shanks-box .body .box-right button.deleteElement .fa, +.tooling-magpos-container .tooling-shanks-box .body .box-right button.deleteElement .fa, +.tooling-equipment-container .tooling-magpos-box .body .box-right button.deleteElement .fa, +.tooling-families-container .tooling-magpos-box .body .box-right button.deleteElement .fa, +.tooling-shanks-container .tooling-magpos-box .body .box-right button.deleteElement .fa, +.tooling-magpos-container .tooling-magpos-box .body .box-right button.deleteElement .fa { width: 21px; height: 22px; } @@ -5068,7 +5066,8 @@ footer .container button.big:before { .tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos, .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos { width: 99%; - height: calc(100% - 102px); + height: calc(100% - 120px); + margin-bottom: 12px; overflow-y: auto; } .tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-equipment .list-skill-equipment-category, @@ -6618,144 +6617,86 @@ footer .container button.big:before { .tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos .list-skill-magpos-category .input-box { margin: 8px; } -.tooling-equipment-container .tooling-equipment-box .tooling-equipment-footer, -.tooling-families-container .tooling-equipment-box .tooling-equipment-footer, -.tooling-shanks-container .tooling-equipment-box .tooling-equipment-footer, -.tooling-magpos-container .tooling-equipment-box .tooling-equipment-footer, -.tooling-equipment-container .tooling-families-box .tooling-equipment-footer, -.tooling-families-container .tooling-families-box .tooling-equipment-footer, -.tooling-shanks-container .tooling-families-box .tooling-equipment-footer, -.tooling-magpos-container .tooling-families-box .tooling-equipment-footer, -.tooling-equipment-container .tooling-shanks-box .tooling-equipment-footer, -.tooling-families-container .tooling-shanks-box .tooling-equipment-footer, -.tooling-shanks-container .tooling-shanks-box .tooling-equipment-footer, -.tooling-magpos-container .tooling-shanks-box .tooling-equipment-footer, -.tooling-equipment-container .tooling-magpos-box .tooling-equipment-footer, -.tooling-families-container .tooling-magpos-box .tooling-equipment-footer, -.tooling-shanks-container .tooling-magpos-box .tooling-equipment-footer, -.tooling-magpos-container .tooling-magpos-box .tooling-equipment-footer, -.tooling-equipment-container .tooling-equipment-box .tooling-families-footer, -.tooling-families-container .tooling-equipment-box .tooling-families-footer, -.tooling-shanks-container .tooling-equipment-box .tooling-families-footer, -.tooling-magpos-container .tooling-equipment-box .tooling-families-footer, -.tooling-equipment-container .tooling-families-box .tooling-families-footer, -.tooling-families-container .tooling-families-box .tooling-families-footer, -.tooling-shanks-container .tooling-families-box .tooling-families-footer, -.tooling-magpos-container .tooling-families-box .tooling-families-footer, -.tooling-equipment-container .tooling-shanks-box .tooling-families-footer, -.tooling-families-container .tooling-shanks-box .tooling-families-footer, -.tooling-shanks-container .tooling-shanks-box .tooling-families-footer, -.tooling-magpos-container .tooling-shanks-box .tooling-families-footer, -.tooling-equipment-container .tooling-magpos-box .tooling-families-footer, -.tooling-families-container .tooling-magpos-box .tooling-families-footer, -.tooling-shanks-container .tooling-magpos-box .tooling-families-footer, -.tooling-magpos-container .tooling-magpos-box .tooling-families-footer, -.tooling-equipment-container .tooling-equipment-box .tooling-shanks-footer, -.tooling-families-container .tooling-equipment-box .tooling-shanks-footer, -.tooling-shanks-container .tooling-equipment-box .tooling-shanks-footer, -.tooling-magpos-container .tooling-equipment-box .tooling-shanks-footer, -.tooling-equipment-container .tooling-families-box .tooling-shanks-footer, -.tooling-families-container .tooling-families-box .tooling-shanks-footer, -.tooling-shanks-container .tooling-families-box .tooling-shanks-footer, -.tooling-magpos-container .tooling-families-box .tooling-shanks-footer, -.tooling-equipment-container .tooling-shanks-box .tooling-shanks-footer, -.tooling-families-container .tooling-shanks-box .tooling-shanks-footer, -.tooling-shanks-container .tooling-shanks-box .tooling-shanks-footer, -.tooling-magpos-container .tooling-shanks-box .tooling-shanks-footer, -.tooling-equipment-container .tooling-magpos-box .tooling-shanks-footer, -.tooling-families-container .tooling-magpos-box .tooling-shanks-footer, -.tooling-shanks-container .tooling-magpos-box .tooling-shanks-footer, -.tooling-magpos-container .tooling-magpos-box .tooling-shanks-footer, -.tooling-equipment-container .tooling-equipment-box .tooling-magpos-footer, -.tooling-families-container .tooling-equipment-box .tooling-magpos-footer, -.tooling-shanks-container .tooling-equipment-box .tooling-magpos-footer, -.tooling-magpos-container .tooling-equipment-box .tooling-magpos-footer, -.tooling-equipment-container .tooling-families-box .tooling-magpos-footer, -.tooling-families-container .tooling-families-box .tooling-magpos-footer, -.tooling-shanks-container .tooling-families-box .tooling-magpos-footer, -.tooling-magpos-container .tooling-families-box .tooling-magpos-footer, -.tooling-equipment-container .tooling-shanks-box .tooling-magpos-footer, -.tooling-families-container .tooling-shanks-box .tooling-magpos-footer, -.tooling-shanks-container .tooling-shanks-box .tooling-magpos-footer, -.tooling-magpos-container .tooling-shanks-box .tooling-magpos-footer, -.tooling-equipment-container .tooling-magpos-box .tooling-magpos-footer, -.tooling-families-container .tooling-magpos-box .tooling-magpos-footer, -.tooling-shanks-container .tooling-magpos-box .tooling-magpos-footer, -.tooling-magpos-container .tooling-magpos-box .tooling-magpos-footer { +.tooling-equipment-container .tooling-equipment-box .body .box-right .list-skill-magpos, +.tooling-families-container .tooling-equipment-box .body .box-right .list-skill-magpos, +.tooling-shanks-container .tooling-equipment-box .body .box-right .list-skill-magpos, +.tooling-magpos-container .tooling-equipment-box .body .box-right .list-skill-magpos, +.tooling-equipment-container .tooling-families-box .body .box-right .list-skill-magpos, +.tooling-families-container .tooling-families-box .body .box-right .list-skill-magpos, +.tooling-shanks-container .tooling-families-box .body .box-right .list-skill-magpos, +.tooling-magpos-container .tooling-families-box .body .box-right .list-skill-magpos, +.tooling-equipment-container .tooling-shanks-box .body .box-right .list-skill-magpos, +.tooling-families-container .tooling-shanks-box .body .box-right .list-skill-magpos, +.tooling-shanks-container .tooling-shanks-box .body .box-right .list-skill-magpos, +.tooling-magpos-container .tooling-shanks-box .body .box-right .list-skill-magpos, +.tooling-equipment-container .tooling-magpos-box .body .box-right .list-skill-magpos, +.tooling-families-container .tooling-magpos-box .body .box-right .list-skill-magpos, +.tooling-shanks-container .tooling-magpos-box .body .box-right .list-skill-magpos, +.tooling-magpos-container .tooling-magpos-box .body .box-right .list-skill-magpos { + height: calc(100% - 190px); +} +.tooling-equipment-container .tooling-equipment-box .body .box-right .tooling-magpos-footer, +.tooling-families-container .tooling-equipment-box .body .box-right .tooling-magpos-footer, +.tooling-shanks-container .tooling-equipment-box .body .box-right .tooling-magpos-footer, +.tooling-magpos-container .tooling-equipment-box .body .box-right .tooling-magpos-footer, +.tooling-equipment-container .tooling-families-box .body .box-right .tooling-magpos-footer, +.tooling-families-container .tooling-families-box .body .box-right .tooling-magpos-footer, +.tooling-shanks-container .tooling-families-box .body .box-right .tooling-magpos-footer, +.tooling-magpos-container .tooling-families-box .body .box-right .tooling-magpos-footer, +.tooling-equipment-container .tooling-shanks-box .body .box-right .tooling-magpos-footer, +.tooling-families-container .tooling-shanks-box .body .box-right .tooling-magpos-footer, +.tooling-shanks-container .tooling-shanks-box .body .box-right .tooling-magpos-footer, +.tooling-magpos-container .tooling-shanks-box .body .box-right .tooling-magpos-footer, +.tooling-equipment-container .tooling-magpos-box .body .box-right .tooling-magpos-footer, +.tooling-families-container .tooling-magpos-box .body .box-right .tooling-magpos-footer, +.tooling-shanks-container .tooling-magpos-box .body .box-right .tooling-magpos-footer, +.tooling-magpos-container .tooling-magpos-box .body .box-right .tooling-magpos-footer { height: 80px; float: right; display: flex; align-items: center; } -.tooling-equipment-container .tooling-equipment-box .tooling-equipment-footer button.blue-reverse, -.tooling-families-container .tooling-equipment-box .tooling-equipment-footer button.blue-reverse, -.tooling-shanks-container .tooling-equipment-box .tooling-equipment-footer button.blue-reverse, -.tooling-magpos-container .tooling-equipment-box .tooling-equipment-footer button.blue-reverse, -.tooling-equipment-container .tooling-families-box .tooling-equipment-footer button.blue-reverse, -.tooling-families-container .tooling-families-box .tooling-equipment-footer button.blue-reverse, -.tooling-shanks-container .tooling-families-box .tooling-equipment-footer button.blue-reverse, -.tooling-magpos-container .tooling-families-box .tooling-equipment-footer button.blue-reverse, -.tooling-equipment-container .tooling-shanks-box .tooling-equipment-footer button.blue-reverse, -.tooling-families-container .tooling-shanks-box .tooling-equipment-footer button.blue-reverse, -.tooling-shanks-container .tooling-shanks-box .tooling-equipment-footer button.blue-reverse, -.tooling-magpos-container .tooling-shanks-box .tooling-equipment-footer button.blue-reverse, -.tooling-equipment-container .tooling-magpos-box .tooling-equipment-footer button.blue-reverse, -.tooling-families-container .tooling-magpos-box .tooling-equipment-footer button.blue-reverse, -.tooling-shanks-container .tooling-magpos-box .tooling-equipment-footer button.blue-reverse, -.tooling-magpos-container .tooling-magpos-box .tooling-equipment-footer button.blue-reverse, -.tooling-equipment-container .tooling-equipment-box .tooling-families-footer button.blue-reverse, -.tooling-families-container .tooling-equipment-box .tooling-families-footer button.blue-reverse, -.tooling-shanks-container .tooling-equipment-box .tooling-families-footer button.blue-reverse, -.tooling-magpos-container .tooling-equipment-box .tooling-families-footer button.blue-reverse, -.tooling-equipment-container .tooling-families-box .tooling-families-footer button.blue-reverse, -.tooling-families-container .tooling-families-box .tooling-families-footer button.blue-reverse, -.tooling-shanks-container .tooling-families-box .tooling-families-footer button.blue-reverse, -.tooling-magpos-container .tooling-families-box .tooling-families-footer button.blue-reverse, -.tooling-equipment-container .tooling-shanks-box .tooling-families-footer button.blue-reverse, -.tooling-families-container .tooling-shanks-box .tooling-families-footer button.blue-reverse, -.tooling-shanks-container .tooling-shanks-box .tooling-families-footer button.blue-reverse, -.tooling-magpos-container .tooling-shanks-box .tooling-families-footer button.blue-reverse, -.tooling-equipment-container .tooling-magpos-box .tooling-families-footer button.blue-reverse, -.tooling-families-container .tooling-magpos-box .tooling-families-footer button.blue-reverse, -.tooling-shanks-container .tooling-magpos-box .tooling-families-footer button.blue-reverse, -.tooling-magpos-container .tooling-magpos-box .tooling-families-footer button.blue-reverse, -.tooling-equipment-container .tooling-equipment-box .tooling-shanks-footer button.blue-reverse, -.tooling-families-container .tooling-equipment-box .tooling-shanks-footer button.blue-reverse, -.tooling-shanks-container .tooling-equipment-box .tooling-shanks-footer button.blue-reverse, -.tooling-magpos-container .tooling-equipment-box .tooling-shanks-footer button.blue-reverse, -.tooling-equipment-container .tooling-families-box .tooling-shanks-footer button.blue-reverse, -.tooling-families-container .tooling-families-box .tooling-shanks-footer button.blue-reverse, -.tooling-shanks-container .tooling-families-box .tooling-shanks-footer button.blue-reverse, -.tooling-magpos-container .tooling-families-box .tooling-shanks-footer button.blue-reverse, -.tooling-equipment-container .tooling-shanks-box .tooling-shanks-footer button.blue-reverse, -.tooling-families-container .tooling-shanks-box .tooling-shanks-footer button.blue-reverse, -.tooling-shanks-container .tooling-shanks-box .tooling-shanks-footer button.blue-reverse, -.tooling-magpos-container .tooling-shanks-box .tooling-shanks-footer button.blue-reverse, -.tooling-equipment-container .tooling-magpos-box .tooling-shanks-footer button.blue-reverse, -.tooling-families-container .tooling-magpos-box .tooling-shanks-footer button.blue-reverse, -.tooling-shanks-container .tooling-magpos-box .tooling-shanks-footer button.blue-reverse, -.tooling-magpos-container .tooling-magpos-box .tooling-shanks-footer button.blue-reverse, -.tooling-equipment-container .tooling-equipment-box .tooling-magpos-footer button.blue-reverse, -.tooling-families-container .tooling-equipment-box .tooling-magpos-footer button.blue-reverse, -.tooling-shanks-container .tooling-equipment-box .tooling-magpos-footer button.blue-reverse, -.tooling-magpos-container .tooling-equipment-box .tooling-magpos-footer button.blue-reverse, -.tooling-equipment-container .tooling-families-box .tooling-magpos-footer button.blue-reverse, -.tooling-families-container .tooling-families-box .tooling-magpos-footer button.blue-reverse, -.tooling-shanks-container .tooling-families-box .tooling-magpos-footer button.blue-reverse, -.tooling-magpos-container .tooling-families-box .tooling-magpos-footer button.blue-reverse, -.tooling-equipment-container .tooling-shanks-box .tooling-magpos-footer button.blue-reverse, -.tooling-families-container .tooling-shanks-box .tooling-magpos-footer button.blue-reverse, -.tooling-shanks-container .tooling-shanks-box .tooling-magpos-footer button.blue-reverse, -.tooling-magpos-container .tooling-shanks-box .tooling-magpos-footer button.blue-reverse, -.tooling-equipment-container .tooling-magpos-box .tooling-magpos-footer button.blue-reverse, -.tooling-families-container .tooling-magpos-box .tooling-magpos-footer button.blue-reverse, -.tooling-shanks-container .tooling-magpos-box .tooling-magpos-footer button.blue-reverse, -.tooling-magpos-container .tooling-magpos-box .tooling-magpos-footer button.blue-reverse { +.tooling-equipment-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-families-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-shanks-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-magpos-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-equipment-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-families-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-shanks-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-magpos-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-equipment-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-families-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-shanks-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-magpos-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-equipment-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-families-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-shanks-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse, +.tooling-magpos-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse { background-image: linear-gradient(to bottom, #1756ad, #002680); color: #fff; font-size: 18px; font-weight: 600; } +.tooling-equipment-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-families-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-shanks-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-magpos-container .tooling-equipment-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-equipment-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-families-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-shanks-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-magpos-container .tooling-families-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-equipment-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-families-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-shanks-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-magpos-container .tooling-shanks-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-equipment-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-families-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-shanks-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled, +.tooling-magpos-container .tooling-magpos-box .body .box-right .tooling-magpos-footer button.blue-reverse:disabled { + background-color: #004990; + color: #dfdfdf; + background-image: none; +} .tooling-families-container .text-body div + div, .tooling-shanks-container .text-body div + div, .tooling-magpos-container .text-body div + div { @@ -6802,6 +6743,7 @@ footer .container button.big:before { position: absolute; top: calc(50% - 24px); margin-left: 20px; + padding: 0; } .tooling-families-container .tab-box-right .tab.plus .btn .fa, .tooling-shanks-container .tab-box-right .tab.plus .btn .fa, @@ -6840,13 +6782,54 @@ footer .container button.big:before { .tooling-families-container .box-right .box-right-body, .tooling-shanks-container .box-right .box-right-body, .tooling-equipment-container .box-right .box-right-body { - height: calc(100% - 81px); + height: calc(100% - 136px); } .tooling-families-container .box-right .box-right-body button, .tooling-shanks-container .box-right .box-right-body button, .tooling-equipment-container .box-right .box-right-body button { margin-top: -30px !important; } +.tooling-families-container .box-right .box-right-body .tooling-equipment-footer, +.tooling-shanks-container .box-right .box-right-body .tooling-equipment-footer, +.tooling-equipment-container .box-right .box-right-body .tooling-equipment-footer, +.tooling-families-container .box-right .box-right-body .tooling-families-footer, +.tooling-shanks-container .box-right .box-right-body .tooling-families-footer, +.tooling-equipment-container .box-right .box-right-body .tooling-families-footer, +.tooling-families-container .box-right .box-right-body .tooling-shanks-footer, +.tooling-shanks-container .box-right .box-right-body .tooling-shanks-footer, +.tooling-equipment-container .box-right .box-right-body .tooling-shanks-footer { + height: 80px; + float: right; + display: flex; + align-items: center; +} +.tooling-families-container .box-right .box-right-body .tooling-equipment-footer button.blue-reverse, +.tooling-shanks-container .box-right .box-right-body .tooling-equipment-footer button.blue-reverse, +.tooling-equipment-container .box-right .box-right-body .tooling-equipment-footer button.blue-reverse, +.tooling-families-container .box-right .box-right-body .tooling-families-footer button.blue-reverse, +.tooling-shanks-container .box-right .box-right-body .tooling-families-footer button.blue-reverse, +.tooling-equipment-container .box-right .box-right-body .tooling-families-footer button.blue-reverse, +.tooling-families-container .box-right .box-right-body .tooling-shanks-footer button.blue-reverse, +.tooling-shanks-container .box-right .box-right-body .tooling-shanks-footer button.blue-reverse, +.tooling-equipment-container .box-right .box-right-body .tooling-shanks-footer button.blue-reverse { + background-image: linear-gradient(to bottom, #1756ad, #002680); + color: #fff; + font-size: 18px; + font-weight: 600; +} +.tooling-families-container .box-right .box-right-body .tooling-equipment-footer button.blue-reverse:disabled, +.tooling-shanks-container .box-right .box-right-body .tooling-equipment-footer button.blue-reverse:disabled, +.tooling-equipment-container .box-right .box-right-body .tooling-equipment-footer button.blue-reverse:disabled, +.tooling-families-container .box-right .box-right-body .tooling-families-footer button.blue-reverse:disabled, +.tooling-shanks-container .box-right .box-right-body .tooling-families-footer button.blue-reverse:disabled, +.tooling-equipment-container .box-right .box-right-body .tooling-families-footer button.blue-reverse:disabled, +.tooling-families-container .box-right .box-right-body .tooling-shanks-footer button.blue-reverse:disabled, +.tooling-shanks-container .box-right .box-right-body .tooling-shanks-footer button.blue-reverse:disabled, +.tooling-equipment-container .box-right .box-right-body .tooling-shanks-footer button.blue-reverse:disabled { + background-color: #004990; + color: #dfdfdf; + background-image: none; +} .info-equipment-container { height: 100%; width: 100%; diff --git a/Step/wwwroot/src/components/depot.ts b/Step/wwwroot/src/components/depot.ts index dbb45028..b7a9b690 100644 --- a/Step/wwwroot/src/components/depot.ts +++ b/Step/wwwroot/src/components/depot.ts @@ -4,9 +4,11 @@ import { tool, detailCard, cardToolDepot } from "src/modules/base-components/car import { store, AppModel } from "src/store"; import { DepotService } from "../services/depotService"; +import VueDraggable from 'vuedraggable' + declare let $: any; -@Component({ components: { tool, detailCard, cardToolDepot } }) +@Component({ components: { tool, detailCard, cardToolDepot, VueDraggable } }) export default class depot extends Vue { public get depot(): server.DepotModel[] { return (this.$store.state as AppModel).depot.depot; } diff --git a/Step/wwwroot/src/components/depot.vue b/Step/wwwroot/src/components/depot.vue index fb132e66..1f241287 100644 --- a/Step/wwwroot/src/components/depot.vue +++ b/Step/wwwroot/src/components/depot.vue @@ -20,10 +20,10 @@ -