diff --git a/bower.json b/bower.json index 520bc00085..4bacdeb09b 100644 --- a/bower.json +++ b/bower.json @@ -47,7 +47,7 @@ "angular-utf8-base64": "0.0.5", "file-saver": "1.3.3", "origin-web-common": "0.0.72", - "origin-web-catalog": "0.0.62" + "origin-web-catalog": "0.0.63" }, "devDependencies": { "angular-mocks": "1.5.11", diff --git a/dist/styles/main.css b/dist/styles/main.css index 8eacfc77f1..f4c903b04f 100644 --- a/dist/styles/main.css +++ b/dist/styles/main.css @@ -4362,22 +4362,23 @@ body.overlay-open,body.overlay-open .landing,body.overlay-open .landing-side-bar .services-view .services-item-icon img{max-height:50px;max-width:50px} .services-view .services-item-name{flex:1 1 0%;font-size:14px;font-weight:600;display:-webkit-box;line-height:1.4em;max-height:4.2em;overflow:hidden;padding:0!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;position:relative;word-wrap:break-word} .services-view .services-items{align-content:flex-start;background-color:#fff;display:flex;flex:1 1 auto;flex-wrap:wrap;padding-bottom:30px;width:100%;z-index:9} -.services-view .services-items-filter{flex:1 1 100%;margin:20px 20px 10px} +.services-view .services-items-filter{border-bottom:1px solid #ededed;flex:1 1 100%;margin:10px 20px;padding:0 0 10px} .services-view .services-items-filter div.checkbox{margin-bottom:0;margin-top:0} -@media (min-width:480px){.services-view .services-sub-category .services-sub-category-tab:focus .services-sub-category-tab-image img,.services-view .services-sub-category .services-sub-category-tab:hover .services-sub-category-tab-image img,.services-view .services-sub-category.active .services-sub-category-tab .services-sub-category-tab-image img{opacity:1} -.services-view .services-no-sub-categories{display:flex;flex:1 1 auto;padding:15px 20px 12px} +@media (min-width:480px){.services-view .services-no-sub-categories{display:flex;flex:1 1 auto;padding:15px 20px 12px} .services-view .services-no-sub-categories .services-items{left:0;margin:0 0 8px;right:0} .services-view .services-sub-categories{align-content:flex-start;align-items:flex-start;display:flex;flex:1 1 auto;flex-wrap:wrap;margin:15px 20px 12px;padding:0;position:relative} -.services-view .services-sub-categories .services-items{left:0;margin:10px 0;position:absolute;right:0} -.services-view .services-sub-category{background-color:#fff;display:inline-block;margin:0 3px 3px 0} -.services-view .services-sub-category.active .services-sub-category-tab{color:#363636!important} -.services-view .services-sub-category.active .services-sub-category-tab:after{animation:catalogItemFade .2s ease-out;border-bottom-color:#fff;border-bottom-style:solid;border-bottom-width:10px;border-left:10px solid transparent;border-right:10px solid transparent;bottom:-13px;content:"";display:block;left:50%;margin-left:-10px;opacity:1;position:absolute} -.services-view .services-sub-category .services-sub-category-tab{color:#8b8d8f;display:flex;font-size:14px;font-weight:600;flex-direction:column;height:110px;justify-content:center;line-height:1.3;padding:0 5px;position:relative;text-align:center;width:120px} -.services-view .services-sub-category .services-sub-category-tab:focus,.services-view .services-sub-category .services-sub-category-tab:hover{color:#0088ce;text-decoration:none} +.services-view .services-sub-categories .services-items{left:0;margin:5px 0;position:absolute;right:0} +.services-view .services-sub-category{background-color:rgba(255,255,255,.9);border-radius:2px 2px 0 0;display:inline-block;margin:0 5px 5px 0} +.services-view .services-sub-category.active .services-sub-category-tab{background-color:#fff;border-radius:0;color:#0088ce!important} +.services-view .services-sub-category.active .services-sub-category-tab:after{background-color:#fff;bottom:-5px;content:"";height:5px;left:0;position:absolute;right:0} +.services-view .services-sub-category:hover{background-color:#fff} +.services-view .services-sub-category .services-sub-category-tab{color:#363636;display:flex;font-size:14px;font-weight:600;flex-direction:column;height:110px;justify-content:center;line-height:1.3;padding:0 5px;position:relative;text-align:center;width:120px} +.services-view .services-sub-category .services-sub-category-tab:focus,.services-view .services-sub-category .services-sub-category-tab:hover{text-decoration:none} +.services-view .services-sub-category .services-sub-category-tab:hover{color:#0088ce} .services-view .services-sub-category .services-sub-category-tab-icon,.services-view .services-sub-category .services-sub-category-tab-image{margin:0 0 10px} .services-view .services-sub-category .services-sub-category-tab-icon{font-size:36px} .services-view .services-sub-category .services-sub-category-tab-image{height:36px;position:relative} -.services-view .services-sub-category .services-sub-category-tab-image img{bottom:0;left:0;margin:auto;max-height:36px;max-width:36px;opacity:.5;position:absolute;right:0;top:0} +.services-view .services-sub-category .services-sub-category-tab-image img{bottom:0;left:0;margin:auto;max-height:36px;max-width:36px;position:absolute;right:0;top:0} } .services-view .services-view-container{background-color:rgba(0,34,53,.6);display:flex;flex:1 1 auto;flex-direction:column;width:100%;position:relative} .services-view .services-view-container .add-methods{align-items:center;display:flex;justify-content:space-between} @@ -4404,7 +4405,7 @@ body.overlay-open,body.overlay-open .landing,body.overlay-open .landing-side-bar .services-view .services-view-container .services-no-sub-categories.ng-enter-prepare.ng-enter-active,.services-view .services-view-container .services-no-sub-categories.ng-enter.ng-enter-active,.services-view .services-view-container .services-sub-categories.ng-enter-prepare.ng-enter-active,.services-view .services-view-container .services-sub-categories.ng-enter.ng-enter-active{opacity:1} .services-view .services-view-container .services-no-sub-categories.ng-leave,.services-view .services-view-container .services-sub-categories.ng-leave{opacity:1;transition:.2s ease-in opacity} .services-view .services-view-container .services-no-sub-categories.ng-leave.ng-leave-active,.services-view .services-view-container .services-sub-categories.ng-leave.ng-leave-active{opacity:0} -.services-view .services-view-container .services-sub-categories{list-style:none;margin-bottom:0} +.services-view .services-view-container .services-sub-categories{list-style:none} @media (max-width:479px){.services-view .services-view-container h1{font-size:18px} .services-view .services-view-container.mobile-categories-view .services-categories .active .services-back-link{display:none!important} .services-view .services-view-container.mobile-categories-view .services-items,.services-view .services-view-container.mobile-categories-view .services-sub-categories,.services-view .services-view-container.mobile-items-view .add-methods,.services-view .services-view-container.mobile-items-view .services-categories,.services-view .services-view-container.mobile-items-view .services-sub-categories>li.active:after,.services-view .services-view-container.mobile-items-view .services-sub-category:not(.active),.services-view .services-view-container.mobile-items-view .services-sub-category>a:after,.services-view .services-view-container.mobile-subcategories-view .add-methods,.services-view .services-view-container.mobile-subcategories-view .services-categories>li.active:after{display:none} @@ -4416,9 +4417,9 @@ body.overlay-open,body.overlay-open .landing,body.overlay-open .landing-side-bar .services-view .services-view-container .services-categories>li.active>a:before,.services-view .services-view-container .services-sub-categories>li.active>a:before,.services-view .services-view-container.mobile-subcategories-view .services-categories>li:not(.active),.services-view .services-view-container.mobile-subcategories-view .services-categories>li>a:after,.services-view .services-view-container.mobile-subcategories-view .services-sub-categories .services-items,.services-view .services-view-container.mobile-subcategories-view .services-sub-category.active>.services-back-link{display:none} .services-view .services-view-container .services-categories,.services-view .services-view-container .services-sub-categories{font-size:13px;padding:0} .services-view .services-view-container .services-categories>li,.services-view .services-view-container .services-sub-categories>li{background-color:rgba(0,34,53,.9);float:none;margin-bottom:1px;padding-right:0;position:relative} +.services-view .services-view-container .services-categories>li:last-child,.services-view .services-view-container .services-sub-categories,.services-view .services-view-container .services-sub-categories>li:last-child{margin-bottom:0} .services-view .services-view-container .services-categories>li.active>a,.services-view .services-view-container .services-sub-categories>li.active>a{color:#fff;cursor:pointer} .services-view .services-view-container .services-categories>li.active .services-back-link,.services-view .services-view-container .services-sub-categories>li.active .services-back-link{cursor:pointer} -.services-view .services-view-container .services-categories>li:last-child,.services-view .services-view-container .services-sub-categories>li:last-child{margin-bottom:0} .services-view .services-view-container .services-categories>li>a,.services-view .services-view-container .services-sub-categories>li>a{color:#fff;display:inline-block;line-height:1;padding:10px 20px;position:relative;width:100%} .services-view .services-view-container .services-categories>li>a::after,.services-view .services-view-container .services-sub-categories>li>a::after{content:'\f061';color:#fff;display:block;font-family:FontAwesome;position:absolute;right:20px;top:50%;transform:translateY(-50%)} .services-view .services-view-container .services-categories>li>a:focus,.services-view .services-view-container .services-categories>li>a:hover,.services-view .services-view-container .services-sub-categories>li>a:focus,.services-view .services-view-container .services-sub-categories>li>a:hover{color:#0088ce;text-decoration:none}